zoukankan      html  css  js  c++  java
  • 在HTML网页中嵌入脚本的方式

      javascript脚本可以出现在html页面的任何地方。需要注意的是javascript在框架页中出现必须在<frameset>标签之前,否则不能运行。

      在html页面中嵌入脚本的方式主要有:

      (1)在html标签的事件属性中直接添加脚本   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html"; charset="UTF-8">
    <title>在标签的事件属性中直接添加脚本</title>
    </head>
    <body>
      <form>
        <input type="button" value="save" onclick="alert('clicked!');" />
      </form>
    </body>
    </html>

      (2)使用script标签插入脚本

      这种方式是首先将<script>标记插入到html页面的某个地方,然后在<script>标记对之间根据需要编写相关的javascript脚本。一般将<script>标记写在<head></head>之间或者<body></body>之间。

    <head>
    <meta http-equiv="Content-Type" content="text/html"; charset="UTF-8">
    <title>使用script标记插入脚本</title>
      <script type="text/javascript">
      var a=100;
      var b=200;
      if(a<b){
        alert("true");
      }
    </script>
    </head>

      (3)使用script标签链接外部脚本 

      为了重用javascript代码,在实际的开发中,通常将javascript代码编写为一个独立的以js为扩展名的脚本文件。此后u,这个文件中的脚本就可以在不同的html页面中使用。

    html>
    <head>
    <meta http-equiv="Content-Type" content="text/html"; charset="UTF-8">
    <title>使用script标记链接脚本文件</title>
     <script type="text/javascript" src="new_file.js"></script>
    </head>
    <body>
      <form>
        <input type="button" value="save" onclick="clickFunction();" />
      </form>
    </body>
    </html>

  • 相关阅读:
    乔布斯《遗失的访谈》全文:尘封16年的预见
    Java开发超级工具集
    android root权限破解分析
    android linux 命令
    Dom加载让图片加载完再执行
    关于chrome dev tools一些技巧
    1 MySQL基础知识笔记
    教我SQL的老师
    SQL limit和offset的使用
    一次批量复制多个不同结果到剪贴板不用在粘贴文本与被粘贴文本之间反复横跳啦,
  • 原文地址:https://www.cnblogs.com/jacinthcc/p/4692965.html
Copyright © 2011-2022 走看看