002-JavaScript基本应用

时间:2019-08-24
本文章向大家介绍002-JavaScript基本应用,主要包括002-JavaScript基本应用使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

一、JavaScript在网页中的位置

1.HTML文档中的<script>标签之中:

<!DOCTYPE HTML>
<html> <head> <meta charset="utf-8"/> <title>JavaScript的位置1</title> <script type="text/javascript"> //这里可以写JavaScript脚本 </script> </head> <body> </body> </html>

2.HTML文档中的元素的事件绑定中调用

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>JavaScript的位置2</title> 
    </head>
    <body>
         <button onclick="alert('点我干嘛?')">点我</button>
    </body>
</html>

3.HTML文档中,超链接的href属性中调用

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>JavaScript的位置3</title>
    </head>
    <body>
         <a href="javascript:alert('惊不惊喜,意不意外')">惊喜链接</a>
    </body>
</html>

4.外部js文件中,HTML中使用<script>标签引用

js文件 : myjs.js

function sayHi(){
    alert("Hi");
}

同文件夹下HTML文件

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>JavaScript的位置4</title>
        <script type="text/javascript" src="./myjs.js"></script>
    </head>
    <body>
         <button onclick="sayHi()">hi</button>
    </body>
</html>

二、JavaScript的简单应用

1.让浏览器弹出一个警告框

alert("警告信息");

2.给文档的开始部分追加内容

document.write("<span>Hello</span>");

3.向控制台输入信息

console.log("你好,控制台");

三、注释和注意内容 

1.单行注释      //

2.多行注释      /*    */

3.js代码中,严格区分大小写

4.js中每条语句后面都要以分号(;)结尾

5.注释代码,不要少于1/4,为了别人看得懂,也为自己少挖坑

原文地址:https://www.cnblogs.com/wlzg/p/11405991.html