zoukankan      html  css  js  c++  java
  • JavaScript语法(一)

    JavaScript 用法


    HTML 中的脚本必须位于 <script> 与 </script> 标签之间。

    脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。


    <script> 标签

    如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签。

    <script> 和 </script> 会告诉 JavaScript 在何处开始和结束。

    <script> 和 </script> 之间的代码行包含了 JavaScript:

    在 <head> 或者 <body> 的JavaScript

    可以在 HTML 文档中放入不限数量的脚本。

    脚本可位于 HTML 的 <body> 或 <head> 部分中,或者同时存在于两个部分中。

    通常的做法是把函数放入 <head> 部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。

    1 <script>
    2 alert("我的第一个 JavaScript");
    3 </script>

    浏览器会解释并执行位于 <script> 和 </script>之间的 JavaScript 代码

    外部的 JavaScript

    也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。

    外部 JavaScript 文件的文件扩展名是 .js。

    如需使用外部文件,请在 <script> 标签的 "src" 属性中设置该 .js 文件:

    <!DOCTYPE html>
    <html>
    <body>
    <script src="myScript.js"></script>//引用外部js
    </body>
    </html>
     1 <%@ page language="java" contentType="text/html; charset=UTF-8"
     2     pageEncoding="UTF-8"%>
     3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
     4 <html>
     5 <head>
     6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     7 <title>Insert title here</title>
     8 </head>
     9 <body>
    10 <script type="text/javascript">
    11     document.write("<font size=10 color=#fchfdm>疏影横斜水清浅,暗香浮动月黄昏</font>") ;
    12 </script>
    13 
    14 <button type="button" onclick="alert('欢迎!')">弹窗</button>
    15 <br>
    16 <h1>疏影横斜水清浅,暗香浮动月黄昏</h1><br><br>
    17 <p id="demo">一个段落</p><br><br>
    18 <button type="button" onclick="myfunction()" >尝试一下</button><br><br>
    19 
    20 <script type="text/javascript">
    21 
    22 function myfunction()
    23 {
    24     document.getElementById("demo").innerHTML="我的第一个JavaScript函数" ;
    25     }
    26 
    27 </script>
    28 </body>
    29 </html>

  • 相关阅读:
    LTE网络注册流程(1)(2)(3)
    Linux 添加用户
    (TOJ2627)台州学院首届新生程序设计竞赛参赛资格
    (TOJ1249)四数相加
    (TOJ1192)A + B Problem II
    (TOJ1065)完美数
    (TOJ1248)Encoding
    (TOJ1051)A × B problem
    (TOJ1506)Sort ZOJ7
    (TOJ1531)爱的伟大意义
  • 原文地址:https://www.cnblogs.com/20gg-com/p/6076283.html
Copyright © 2011-2022 走看看