学习不止眼前的教程与笔记 还需实践与创新

搜索

首页>>网站建设>>Javascript>>基础教程>>

javascript教程(二) 基本用法

发布时间:2020-03-19点击:

    JavaScript 基本用法(使用方法)

    一、语法

    <script>
    这里是javascript的语句。
    </script>

    1、javascript的代码需要包含在script标签中,而script标签需要包含在html页面的<body>或<head>标签之中。

    2、在浏览器解释执行时,会读取<script>标签与</script>,并以此来告诉浏览器什么地方是javascript脚本的开始以及结束位置。

    3、如果把javascript代码放在函数中,那么只有当某个事件发生时或者函数被调用时才会触发该代码,比如说用法单击了某个元素触发了onlick事件方法。

    二、使用实例

    <!DOCTYPE html>
    <html>
    <body>
    .
    <script>
    document.write("<h1>这是一个标题</h1>");
    document.write("<p>这是一个段落</p>");
    </script>
    .
    </body>
    </html>

    上述实例就是写在<body>中的代码,并且是没有放在函数里面的,在用户请求这个页面时,其中的javascript代码会直接运行输出。

    <!DOCTYPE html>
    <html>
    <meta charset="utf-8"> 
    <body>
    <button onclick="alt()">按钮</button>
    <script>
    function alt(){
    alert('这里是函数里面的代码');
    }
    </script>
    </body>
    </html>

    以上代码是写在函数alt里面的,在用户请求页面时,并不会输出该代码的功能,只有当用户点击页面上的“按钮”时才会调用javascript代码,实现弹出框功能。

    效果如下:

    三、使用外部javascript脚本

    在html中使用js脚本并不是所有的代码都需要写在html页面中的,也可以像 css层叠样式表 那样使用外部文件。

    我们可以把js脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码,这样可以有效的实现的代码的复用性,也可以使用网络上公共的js脚本。

    外部 JavaScript 文件的文件扩展名是 .js。

    如需使用外部文件,请在 <script> 标签的 "src" 属性中设置该 .js 文件:

    <!DOCTYPE html>
    <html>
    <meta charset="utf-8">
    <body>
    <script src="myscript.js"></script>
    </body>
    </html>

    myscript.js 文件代码如下:

    function alt()
    {
      alert("这里是外部js文件中js脚本代码");
    }

    PS:外部脚本不能包含 <script> 标签。

    学习不止眼前的教程与笔记还需实践与创新——小伙伴们块动手试试吧~

赞一个(0)     踩一个(0)    

相关链接