美文网首页
javascript第1讲:基础及通用写法

javascript第1讲:基础及通用写法

作者: 小海怪的互联网 | 来源:发表于2019-10-04 21:16 被阅读0次

    1. javascript的组成

    • 核心(ECMAScript)
    • 文档对象模型(DOM)

    html 标签都叫 Dom

    • 浏览器对象模型(BOM)

    2. javascript的三种写法

      1. 写在head内
    <head>
            <meta charset="utf-8">
            <title></title>
        <script type="text/javascript">
            
        </script>
        </head>
    
    • 2.写在body内,如果要操作body当中的html元素,最好是放在body内的最下面
        <body>
            <script type="text/javascript">
                var arr1 = [1, 2, 3, 4, 5];
    
                arr1.push(7)
                console.log(arr1.length)
            </script>
        </body>
    
      1. 写在 body外 或 html外
        此种方法不推荐,虽然浏览器在执行时会自动更正把内容放回到 body中,但是由于自动修复会增加性能的损耗

    3. javascript的代码要如何写,写在何处

    • 1.直接写在script 标签内
    <body>
            <script type="text/javascript">
                var arr1 = [1, 2, 3, 4, 5];
    
                arr1.push(7)
                console.log(arr1.length)
            </script>
        </body>
    
      1. 写在普通标签当中,通过一些事件直接执行
    <body>
                    # 要注意单双引号的问题
            <button type="button" onclick="alert('11')"></button>
            
        </body>
    
    • 3.写在a标签中的href属性中
        <body>
            <a href="javascript:alert('nihao');">111</a>
            
        </body>
    
    • 4.写在外部的单独的js文件中,在需要使用的文件中进行引入,通过scr属性
    <head>
            <meta charset="utf-8">
            <title></title>
            <script type="text/javascript" src="1.js">
                
            </script>
        
        </head>
    

    相关文章

      网友评论

          本文标题:javascript第1讲:基础及通用写法

          本文链接:https://www.haomeiwen.com/subject/ahwlpctx.html