初识JavaScript

什么是JavaScript

JavaScript（Js）是一种脚本语言，它用于增强 HTML 页面，通常可以嵌入 HTML 代码中。JavaScript 是一种解释型语言。因此，它不需要编译。JavaScript 以交互式和动态的方式呈现网页。这允许页面对事件做出反应，展示特殊效果，接受可变文本，验证数据，创建 cookie，检测用户的浏览器等。

怎么使用JavaScript

JavaScript（JS）可以镶嵌到HTML页面中使用，也可以单独用.js文件来编写，当某个HTML页面要使用该js文件时，该HTML页面要导入该js文件的路径，js的代码可以嵌入HTML页面的任何地方，就算没写全<script>....</script> 标签有时也可运行不报错，但是作为一位优秀的程序员，位置不能随意，代码要符合规范，否则写出的代码可能会报出莫名其妙的错误

  • 在页面中嵌入js要有<script>....</script>标签

    <script>
    var app4 = new Vue({
        el: '#app-4',
        data:{
            todos: [
                {test:'吃饭'},
                {test:'睡觉'},
                {test:'看电视'}
            ]
        }
    })
</script>

    还有的是

    <script type="application/javascript">
   
</script>

    不过application/javascript可有可无，因为<script>....</script>的默认形式是js的

  • 当使用js文件编写要在HTML中导入文件地址即

    <script src=""></script>

    src：为相对路径，使用单独的js文件，可以实现代码的复用，使wab程序可读性更强，也便于维护，代码如下

    建一个js文件，代码如下

    var a ;                                          //这是定义了一个变量，他的值为undefined
var b = 1;                                       //这是给他赋值
var c = "abc";                                   //这是定义了一个字符串
var d = ["a","b","c"];                           //这是定义了数组
var e = {firstName:"Bill", lastName:"Gates"};    //对象
var f = true;                                    //布尔值
var g = null;                                    //空值

//在页面打印结果
document.getElementById("dome").innerHTML = a + "->" + b + "->" + c + "->" + d + "->" + e + "->" + f +  "->" + g

    HTML代码

    <body>

<p id="dome"></p>
<script src="js/dome01.js"></script>

</body>

    如上我们可看到HTML的代码少了很多，可读性也比之前好了很多，这里我啰嗦一下，一定不要 <script src="js/dome01.js"/> 样子写否则会报错，还有不要把<script src="js/dome01.js"></script>标签放到 p标签后面，否则会报错即

    运行在浏览器中什么也不出现但，在页面右键检查会看到如上的错误，原因是当加载HTML页面是会想加载前面的内容，所以当吧<script src="js/dome01.js"></script>放前面会先加载js，而在js中我们用了getElementById("dome")它会先查找，HTML中有没有 id="dome"的标签，但是那个时候还没有轮到加载该标签，它找不到，就以为没有，所以报错

posted @ 2020-03-02 19:26  简单易懂  阅读(168)  评论(0)  编辑  收藏  举报