zoukankan      html  css  js  c++  java
  • 初识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"的标签,但是那个时候还没有轮到加载该标签,它找不到,就以为没有,所以报错

  • 相关阅读:
    火车进出站(POJ1363)
    字符串反转,栈模拟(ZOJ1151)
    模拟网页的浏览Stack(POJ1028)
    Codeforces Round #347 (Div.2)_B. Rebus
    Codeforces Round #347 (Div.2)_A. Complicated GCD
    BFS模板
    广搜破解密码(HDU1195)
    DFS+BFS(POJ3083)
    砍树,POJ(2665)
    快速幂取模,POJ(1995)
  • 原文地址:https://www.cnblogs.com/txzn/p/12397543.html
Copyright © 2011-2022 走看看