zoukankan      html  css  js  c++  java
  • javascript-介绍

    一:JavaScript 是脚本语言

      JavaScript 是一种轻量级的编程语言。

      JavaScript 是可插入 HTML 页面的编程代码。

      JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。

    二:JS解释器

      独立的语言,浏览器具有js解释器

    三:示例

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <input type="text" id="name">
        <input type="button" onclick="getData()" value="点我">
    
        <script>
            function getData(){
                var i=document.getElementById("name");
                alert(i.value);
            }
        </script>
    </body>
    </html>

      上面javascript交给浏览器,浏览器就解释了。

    三:在HTML中使用

      1)在head头中

        

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
    alert(123)
    </script>
    </head>
    <body>

    </body>
    </html>

      2)放在文件中,通过script引用
        <script src='js文件路径'> </script>

        

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script src="alter1.js"></script>
    </head>
    <body>
    
    </body>
    </html>

      alter1.js

      

    /**
     * Created by Administrator on 2017/9/20.
     */
    alert(123)

      注意1:

      

                    <script> 不写,默认就是text/javascript
                        //javascript代码
                        alert(123);
                    </script>
                    
                    <script type="text/javascript"> 这里不能写错,写错了就不是javascript,所以可以用默认
                        //javascript代码
                        alert(123);
                    </script>

       注意2:

      JS可以调用外部JS,但是先显示了JS,如果JS没有响应,P中1122看不到,除非JS响应结束,这样就会造成体验不好。所以一般使用把JS放在body里面最后面,先加载内容。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    
        <script src="http://www.were.com/js.js"></script>
    </head>
    <body>
    <p>1122</p>
    </body>
    </html>

     四:JS注释  

      注释
      当行注释 //
      多行注释 /* */

    五:JS加分号

      JS不加分号也可以运行,但是JS可以放在文件中,在生产环境中经常会把JS放在一行中,以节约空间。所以写JS请加分号

  • 相关阅读:
    031.NET5_ActionFilter的自定义和执行特点
    030.NET5_Autofac单抽象多实现属性注入
    029.NET5_Autofac单抽象多实现构造函数注入
    028.NET5_Autofac通过类支持AOP
    vue 设置回车input提交
    vscode设置全局自动换行
    vscode 插件大全
    SQL Server 2019基础配置
    SQL Server 2019 安装教程
    phpstudy(php环境)设置内网访问
  • 原文地址:https://www.cnblogs.com/lixiang1013/p/7598809.html
Copyright © 2011-2022 走看看