>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 26530 个阅读者 刷新本主题
 * 贴子主题:  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开发-->访问数据库(Ⅰ)
  JSP与Hibernate开发-->数据库事务的概念和声明
  Java网络编程-->用Swing组件展示HTML文档
  精通Spring-->Vue指令
  Vue3开发-->Vue简介
  Webpack 插件开发指南
  本以为精通Vue,没想到被前阿里大佬虐哭了......
  前端面试官指导前端面试攻略
  在Typescript脚本中使用axios
  Vue中qs插件的使用
  vue中axios异步调用接口的坑
  加快 Vue 项目的开发速度
  JS 循环删除数组
  Vue路由开启keep-alive时的注意点
  vue封装翻转卡片效果
  JavaScript的HTML DOM Parameter 对象
  HTML的事件属性
  HTML5 语义元素
  JavaScript的window.screen对象
  一文读懂前端技术演进:盘点Web前端20年的技术变迁史
  更多...
 IPIP: 已设置保密
楼主      
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


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