zoukankan      html  css  js  c++  java
  • js基础之javascript的存在形式和js代码块在页面中的存放位置和 CSS 对比

    1、存在形式

    • 文件 如:

         <script src='js/jc.js'></script>

    • 前页面

         <script type='text/javascript'>alert('页面')</script>

    注意:js代码块要放在页面最底部,body的闭合标签上面即可,如下标黄部分。

    <!DOCTYPE html>
    <html>
        <head>
             <meta http-equiv="content-type" content="text/html;charset=utf-8">
             <title>js基础</title>
    </head>
    <body>
        <script src='js/jc.js'></script>
        <script type='text/javascript'>alert('gjlin')</script>
    </body>
    </html>

    CSS存放位置方式

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--引入 CSS 文件-->
    <link rel="stylesheet" href="XXX"/>
        <!--直接在页面写 CSS-->
        <style></style>
    <!--引入js文件-->
    <script src="xxx.js"></script>
    <!--直接在页面写js-->
    <script type="text/javascript">
    /*多行注释
    //定义函数
    function fuc(arg){
    return 1233 + arg;
    }
    //执行函数
    v = fuc(123);
    alert(v);
    */
    //全局变量
    //var a = 6;
    //局部变量
    //b = 7;
    /*function fuc(){
    var a = 8;
    }*/
    v = fuc();
    alert(v);
    </script>
    </head>
    <body>

    </body>
    </html>

    塑造ing
  • 相关阅读:
    Beta冲刺(5/7)——2019.5.26
    Beta冲刺(4/7)——2019.5.25
    Beta冲刺(3/7)——2019.5.24
    Echo团队Beta冲刺随笔集合
    Echo团队Alpha冲刺随笔集合
    用户体验报告(Echo)
    Echo团队 对 待就业六人组 和 SkyReach 的Beta产品测试报告
    Beta冲刺第七天
    Beta冲刺第六天
    Beta冲刺第五天
  • 原文地址:https://www.cnblogs.com/Brin-guo/p/4869693.html
Copyright © 2011-2022 走看看