JavaScript入门(一)

JavaScript嵌入页面的方式

1、行间事件(主要用于事件)(但是他们属于结构与行为耦合,不方便维护,不推荐使用)

<input type="button" name="" onclick="alert('ok!');">

2、页面script标签嵌入

<script type="text/javascript">        
    var a = '你好!';
    alert(a);
</script>

3、外部引入(推荐使用的方式)

  • script标签一旦用于引入外部文件了,就不能再编写代码了,即使编写了浏览器也会忽略
  • 如果需要则可以再创建一个新的script标签用于编写内部代码
<script type="text/javascript" src="js/index.js"></script>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HelloWorld</title>
    <!--JS代码需要编写到script标签中-->
    <script type="text/javascript">
        /*
        控制浏览器弹出一个警告框
        alert("宁姐,你真漂亮!!");
        */

        /*
        让计算机在页面中输出一个内容
        document.write()可以向body中输出一个内容
        document.write("看我出不出来~~~");
        */
        
        /*
        向控制台输出一个内容
        console.log()的作用是向控制台输出一个内容
        console.log("你猜我在哪出来呢?");
        */

        alert("宁姐,你真漂亮!!");
        document.write("看我出不出来~~~");
        console.log("你猜我在哪出来呢?");
    </script>
</head>
<body>
    
</body>
</html>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 177,266评论 25 709
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 14,577评论 2 59
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,105评论 3 119
  • 今天领到工资了,很点小激动,在网上订了一个小米6手机,娟儿我是不是有点败家啊。。 今天上午在工地上用电脑画图,把以...
    小王007阅读 1,648评论 2 0
  • 今天的坏事是:今天做早课时不断回想起和妈妈之间这些年的关系。流了一早上的泪。在这场逼婚的关系里,我看见自己作为受害...
    殷丹阅读 1,423评论 0 0

友情链接更多精彩内容