zoukankan      html  css  js  c++  java
  • js和html的结合方式

    第一种:

      -使用一个标签<script type="text/javascript">js代码</script>

     1 <!doctype html>
     2 <html lang="en">
     3  <head>
     4   <meta charset="UTF-8">
     5   <meta name="Generator" content="EditPlus®">
     6   <meta name="Author" content="">
     7   <meta name="Keywords" content="">
     8   <meta name="Description" content="">
     9   <title>Document</title>
    10  </head>
    11  <body>
    12     <script type="text/javascript">
    13 
    14         //向页面弹出一个框,显示内容
    15         alert("aaaa");
    16     </script>
    17  </body>
    18 </html>

    第二种:

      -使用script标签,引入一个外部的js文件

      *** 创建一个js文件,写js代码

      -    <script type="text/javascript" src="1.js"></script>

      ** 使用第二种方式时候,就不要在script标签里面写js代码了,不会执行。

     1 <!doctype html>
     2 <html lang="en">
     3  <head>
     4   <meta charset="UTF-8">
     5   <meta name="Generator" content="EditPlus®">
     6   <meta name="Author" content="">
     7   <meta name="Keywords" content="">
     8   <meta name="Description" content="">
     9   <title>Document</title>
    10  </head>
    11  <body>
    12     <script type="text/javascript" src="1.js">
    13         //这里就不要写js代码了
    14     </script>
    15  </body>
    16 </html>

    //js文件内容
    /*多行注释*/
    
    alert("bbbb");
    欢迎大家来我的 [Gitee仓库](https://gitee.com/jiffyzhang)参观。 同时欢迎关注我的同名公众号:就这样写(keepStarve),未来很大可能会活跃在此地。
  • 相关阅读:
    npm执行清理缓存失败npm cache clean
    Vue中计算属性(computed)和监听属性函数watch的比较
    vue生命周期函数
    vue自定义指令
    vue 自定义过滤器
    vue 自定义全局按键修饰符
    线性回归模型
    python常用模块
    KNN算法的实现
    python集合(set)的运算
  • 原文地址:https://www.cnblogs.com/zhang-bobo/p/9162530.html
Copyright © 2011-2022 走看看