>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 21341 个阅读者 刷新本主题
 * 贴子主题:  HTML中插入脚本的用法 回复文章 点赞(0)  收藏  
作者:flybird    发表时间:2020-01-30 18:12:10     消息  查看  搜索  好友  邮件  复制  引用

  



HTML  脚本

JavaScript 使 HTML 页面具有更强的动态和交互性。

HTML <script> 标签

<script> 标签用于定义客户端脚本,比如 JavaScript。

<script> 元素既可包含脚本语句,也可通过 src 属性指向外部脚本文件。

JavaScript 最常用于图片操作、表单验证以及内容动态更新。

下面的脚本会向浏览器输出"Hello World!":        

实例

< script >
document . write ( " Hello World! " ) ;
</ script >

HTML<noscript> 标签

<noscript> 标签提供无法使用脚本时的替代内容,比方在浏览器禁用脚本时,或浏览器不支持客户端脚本时。

<noscript>元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。

只有在浏览器不支持脚本或者禁用脚本时,才会显示 <noscript>  元素中的内容:        

实例

< script >
   document . write ( " Hello World! " )
</ script >
< noscript >抱歉,你的浏览器不支持  JavaScript !</ noscript >

JavaScript可以直接在HTML输出:

  document . write ( " <p>这是一个段落。</p> " ) ;  

JavaScript事件响应:

  < button   type = " button "   onclick = " myFunction() " > 点我! </ button >  

JavaScript处理 HTML 样式:

  document . getElementById ( " demo " ) . style . color = " #ff0000 " ;  

HTML 脚本标签

        
  标签   描述
<script> 定义了客户端脚本
<noscript> 定义了不支持脚本浏览器输出的文本






程序猿的技术大观园:www.javathinker.net



[这个贴子最后由 flybird 在 2020-01-31 18:31:25 重新编辑]
  Java面向对象编程-->变量的作用域和初始化
  JavaWeb开发-->Web运作原理(Ⅱ)
  JSP与Hibernate开发-->第一个helloapp应用
  Java网络编程-->安全网络通信
  精通Spring-->计算属性和数据监听
  Vue3开发-->Vue组件开发基础
  前端Vue单页面应用性能优化
  10个 Web 开发人员的常用的 Chrome 扩展程序
  卫琴姐姐最新制作的Vue3视频教程,强烈推荐!!!
  javaScript中"=="和"==="运算符的区别
  JavaScript ES2015模块化操作
  彻底明白VUE中的done参数和函数作用
  javaScript中==和===的区别详解
  js判断上传图片大小及尺寸
  Vue的使用方法
  js导出json文件
  HTML DOM Image图片对象
  JavaScript Error(错误) 对象
  CSS 表单的用法
  HTML 表格标签的用法
  用JavaScript制作弹出页面
  更多...
 IPIP: 已设置保密
楼主      
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


中文版权所有: JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶,分享交流Java前沿技术。  联系我们
如有技术文章涉及侵权,请与本站管理员联系。