JavaScript教程
  • [JavaScript教程]JavaScript 教程
  • [JavaScript教程]JavaScript 简介
  • [JavaScript教程]JavaScript 用法
  • [JavaScript教程]JavaScript 输出
  • [JavaScript教程]JavaScript 语法
  • [JavaScript教程]JavaScript 语句
  • [JavaScript教程]JavaScript 注释
  • [JavaScript教程]JavaScript 变量
  • [JavaScript教程]JavaScript 数据类型
  • [JavaScript教程]JavaScript 对象
  • [JavaScript教程]JavaScript编辑器和调试器Aptana
  • [JavaScript教程]JavaScript 函数
  • [JavaScript教程]JavaScript 作用域
  • [JavaScript教程]JavaScript 事件
  • [JavaScript教程]JavaScript 字符串
  • [JavaScript教程]JavaScript 运算符
  • [JavaScript教程]JavaScript 比较和逻辑运算符
  • [JavaScript教程]JavaScript If Else 条件语句
  • [JavaScript教程]JavaScript switch 语句
  • [JavaScript教程]JavaScript for循环
  • [JavaScript教程]JavaScript while 循环
  • [JavaScript教程]JavaScript Break和Continue语句
  • [JavaScript教程]JavaScript typeof, null和undefined
  • [JavaScript教程]JavaScript 类型转换
  • [JavaScript教程]JavaScript 正则表达式
  • [JavaScript教程]JavaScript 错误 - throw、try 和 catch
  • [JavaScript教程]JavaScript 调试
  • [JavaScript教程]JavaScript 变量提升
  • [JavaScript教程]JavaScript 严格模式use strict
  • [JavaScript教程]JavaScript 使用误区
  • [JavaScript教程]JavaScript 表单
  • [JavaScript教程]JavaScript 表单验证
  • [JavaScript教程]JavaScript 验证 API
  • [JavaScript教程]JavaScript 保留关键字
  • [JavaScript教程]JavaScript JSON
  • [JavaScript教程]javascript:void(0) 含义
  • [JavaScript教程]JavaScript 代码规范
  • [JavaScript教程]JavaScript 函数定义
  • [JavaScript教程]JavaScript 函数参数
  • [JavaScript教程]JavaScript 函数调用
  • [JavaScript教程]JavaScript 闭包
  • [JavaScript教程]JavaScript HTML DOM
  • [JavaScript教程]JavaScript HTML DOM-改变HTML
  • [JavaScript教程]JavaScript HTML DOM-改变CSS
  • [JavaScript教程]JavaScript HTML DOM 事件
  • [JavaScript教程]JavaScript HTML DOM EventListener
  • [JavaScript教程]JavaScript HTML DOM 元素(节点)
  • [JavaScript教程]JavaScript Number 对象
  • [JavaScript教程]JavaScript 字符串String对象
  • [JavaScript教程]JavaScript Date日期对象
  • [JavaScript教程]JavaScript Array数组对象
  • [JavaScript教程]JavaScript Boolean布尔对象
  • [JavaScript教程]JavaScript Math算数对象
  • [JavaScript教程]JavaScript RegExp对象
  • [JavaScript教程]JavaScript Window 浏览器对象模型
  • [JavaScript教程]JavaScript Window Screen
  • [JavaScript教程]JavaScript Window Location
  • [JavaScript教程]JavaScript Window History
  • [JavaScript教程]JavaScript Window Navigator
  • [JavaScript教程]JavaScript 弹窗
  • [JavaScript教程]JavaScript 计时事件
  • [JavaScript教程]JavaScript Cookie
  • [JavaScript教程]JavaScript 库
  • [JavaScript教程]JavaScript - 测试jQuery
  • [JavaScript教程]JavaScript - 测试 Prototype
  • [JavaScript教程]JavaScript 实例
  • [JavaScript教程]JavaScript 对象 实例
  • [JavaScript教程]JavaScript Browser 对象 实例
  • [JavaScript教程]JavaScript 总结
  • [JavaScript教程]JavaScript 和 HTML DOM 参考手册
  • [JavaScript教程]HTML DOM Document对象
  • [JavaScript教程]理解Javascript中的this
  • [JavaScript教程]如何将javascript数组转换为JSON
  • 直达腾讯云服务器
    腾讯云服务器,数据库,短信等热销产品限量秒杀;新购爆款3折起;
    腾讯云数据库MySQL入门机型仅12元/月
    腾讯云云服务器新购特惠,最低2折起,1核1G3年仅794.73元,即0.73元/日。
    腾讯云国际顶级CA机构SSL证书8.8折,云解析买一年最高送半年!
    腾讯云为数百万企业和开发者提供安全、稳定的云服务器、云数据库、CDN等云服务
    腾讯云服务器安全可靠高性能,多种配置供您选择
    腾讯云数据库性能卓越稳定可靠,为您解决数据库运维难题
    阿里云服务器入口
    180天免费用腾讯云服务器马上领取
    您当前位置:狗鱼MySQL教程 >> javaScript >> JavaScript教程 >> JavaScript 用法
    JavaScript 用法
    更新日期: 2017年07月16日 来源: 本站原创 作者: 佚名 阅读:
    上一篇JavaScript 简介 下一篇:JavaScript 输出

    javascript 用法


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

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


    <script> 标签

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

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

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

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

    您无需理解上面的代码。只需明白,浏览器会解释并执行位于 <script> 和 </script>之间的 JavaScript 代码 

      那些老旧的实例可能会在 <script> 标签中使用 type="text/javascript"。现在已经不必这样做了。

    JavaScript 是所有现代浏览器以及 html5 中的默认脚本语言。
     

    <body> 中的 JavaScript

    在本例中,JavaScript 会在页面加载时向 HTML 的 <body> 写文本:

    实例

    <!DOCTYPE html>
    <html>
    <body> . .
    <script> document.write("<h1>这是一个标题</h1>");
    document.write("
    <p>这是一个段落</p>");
    </script> . .
    </body>
    </html>

     
     

    JavaScript 函数和事件

    上面例子中的 JavaScript 语句,会在页面加载时执行。

    通常,我们需要在某个事件发生时执行代码,比如当用户点击按钮时。

    如果我们把 JavaScript 代码放入函数中,就可以在事件发生时调用该函数。

    您将在稍后的章节学到更多有关 JavaScript 函数和事件的知识。


    在 <head> 或者 <body> 的JavaScript

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

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

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


    <head> 中的 JavaScript 函数

    在本例中,我们把一个 JavaScript 函数放置到 HTML 页面的 <head> 部分。

    该函数会在点击按钮时被调用:

    实例

    <!DOCTYPE html>
    <html>
    <head>
    <script>
    function myFunction()
    {
    document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
    }


    </script>
    </head>
    <body>
    <h1>我的 Web 页面</h1>
    <p id="demo">一个段落</p>
    <button type="button" onclick="myFunction()">尝试一下</button>
    </body>
    </html>

     
     

    <body> 中的 JavaScript 函数

    在本例中,我们把一个 JavaScript 函数放置到 HTML 页面的 <body> 部分。

    该函数会在点击按钮时被调用:

    实例

    <!DOCTYPE html>
    <html>
    <body>
    <h1>我的 Web 页面</h1>
    <p id="demo">一个段落</p>
    <button type="button" onclick="myFunction()">尝试一下</button>
    <script> function myFunction()
    {
    document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
    }

    </script>
    </body>
    </html>

     
     

    外部的 JavaScript

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

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

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

    实例

    <!DOCTYPE html>
    <html>
    <body>
    <script src="myScript.js">
    </script>
    </body>
    </html>

     

    你可以将脚本放置于 <head> 或者 <body>中 实际运行效果与您在 <script> 标签中编写脚本完全一致。

    myScript.js 文件代码如下:

    function myFunction()
    { document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数"; }
     
      外部脚本不能包含 <script> 标签。
     

    感觉本站内容不错,读后有收获?

    我要小额赞助,鼓励提供更好的内容教程

    上一篇JavaScript 简介 下一篇:JavaScript 输出
    Copyright 2013-2017 Powered by 狗鱼MySQL教程,All Rights Reserved.
    广州相如计算机科技有限有限公司 版权所有 粤ICP备08130661号-4
    售前咨询:020-38667011 手机:13711588918