• 技术文章 >后端开发 >php教程

    JavaScript与HTML结合的基本使用方法整理,javascript使用方法_PHP教程

    2016-07-12 09:07:33原创856

    JavaScript与HTML结合的基本使用方法整理,javascript使用方法


    JavaScript:写入 HTML 输出
    实例

    document.write("

    This is a heading

    "); document.write("

    This is a paragraph

    ");

    提示:您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法,会覆盖整个文档。
    JavaScript:对事件作出反应
    实例

    alert() 函数在 JavaScript 中并不常用,但它对于代码测试非常方便。
    onclick 事件只是您即将在本教程中学到的众多事件之一。
    JavaScript:改变 HTML 内容
    使用 JavaScript 来处理 HTML 内容是非常强大的功能。
    实例

    x=document.getElementById("demo") //查找元素
    x.innerHTML="Hello JavaScript";  //改变内容

    您会经常看到 document.getElementByID("some id")。这个方法是 HTML DOM 中定义的。
    DOM(文档对象模型)是用以访问 HTML 元素的正式 W3C 标准。


    JavaScript:改变 HTML 样式
    改变 HTML 元素的样式,属于改变 HTML 属性的变种。
    实例

    x=document.getElementById("demo") //找到元素
    x.style.color="#ff0000";      //改变样式

    JavaScript:验证输入
    JavaScript 常用于验证用户的输入。
    实例

    if isNaN(x) {alert("Not Numeric")};

    HTML 中的脚本必须位于 标签之间。
    脚本可被放置在 HTML 页面的 和 部分中。
    会告诉 JavaScript 在何处开始和结束。
    之间的代码行包含了 JavaScript:


    您无需理解上面的代码。只需明白,浏览器会解释并执行位于 之间的 JavaScript。
    那些老旧的实例可能会在 . .

    JavaScript 函数和事件
    上面例子中的 JavaScript 语句,会在页面加载时执行。
    通常,我们需要在某个事件发生时执行代码,比如当用户点击按钮时。
    如果我们把 JavaScript 代码放入函数中,就可以在事件发生时调用该函数。
    您将在稍后的章节学到更多有关 JavaScript 函数和事件的知识。
    或 中的 JavaScript
    您可以在 HTML 文档中放入不限数量的脚本。
    脚本可位于 HTML 的 或 部分中,或者同时存在于两个部分中。
    通常的做法是把函数放入 部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。
    中的 JavaScript 函数
    在本例中,我们把一个 JavaScript 函数放置到 HTML 页面的 部分。
    该函数会在点击按钮时被调用:
    实例

    
    
    
    
    
    
    

    My Web Page

    A Paragraph

    中的 JavaScript 函数
    在本例中,我们把一个 JavaScript 函数放置到 HTML 页面的 部分。
    该函数会在点击按钮时被调用:
    实例

    
    
    
    
    

    My Web Page

    A Paragraph

    提示:我们把 JavaScript 放到了页面代码的底部,这样就可以确保在

    元素创建之后再执行脚本。
    外部的 JavaScript
    也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。
    外部 JavaScript 文件的文件扩展名是 .js。
    如需使用外部文件,请在

    在 或 中引用脚本文件都是可以的。实际运行效果与您在

      相关课程推荐

    • 独孤九贱(3)_JavaScript视频教程

      javascript是运行在浏览器上的脚本语言,连续多年,被评为全球最受欢迎的编程语言。是前端开发必备三大法器中,最具杀伤力。如果前端开发是降龙十八掌,好么javascript就是第18掌:亢龙有悔。没有它,你的前端生涯是不完整的。《php.cn独孤九贱(3)-JavaScript视频教程》课程特色:php中文网原创幽默段子系列课程,以恶搞,段子为主题风格的php视频教程!轻松的教学风格,简短的教学模式,让同学们在不知不觉中,学会了javascript知识。

      JavaScript教程141775次播放


    • 独孤九贱(6)_jQuery视频教程

      jQuery是一个快速、简洁的JavaScript框架。设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。 核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等,是全球最流行的前端开发框架之一。PHP中文网根据最新版本,独家录制jQuery最新视频教程,回馈PHP中文网的新老用户。

      jQuery教程116398次播放


    • jQuery与Ajax基础与实战

      jQuery是最流行的JS函数库,封装了许多实用的功能,其中最引人入胜的就是Ajax。 jQuery中的Ajax操作,语法简单,操作方便,使Ajax从未如此轻松,前端人员从此不再为与服务器异步交互而发愁,本套课程,精选了最常用的几个方法,从基本的语法到每个参数,再到具体实例进行了全面的讲解。

      AJAX教程16064次播放


    • Git教程(60分钟全程无废话版)

      Git 是一个开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目。 Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。 Git 与常用的版本控制工具 CVS, Subversion 等不同,它采用了分布式版本库的方式,不必服务器端软件支持

      JavaScript教程13952次播放


    1/1