web前端-HTML脚本-018
来源:互联网 发布:php class 变量 编辑:程序博客网 时间:2024/04/29 06:41
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体验
- JavaScript可以直接在HTML输出:
<!DOCTYPE html><html><head><meta charset="utf-8"><title>www.baidu.com</title></head><body><p>JavaScript 能够直接写入 HTML 输出流中:</p><script>document.write("<h1>这是一个标题</h1>");document.write("<p>这是一个段落。</p>");</script><p>您只能在 HTML 输出流中使用 <strong>document.write</strong>。如果您在文档已加载后使用它(比如在函数中),会覆盖整个文档。</p></body></html>
运行结果:
- JavaScript事件响应:
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>www.baidu.com</title> </head><body><h1>我的第一个 JavaScript </h1><p id="demo">JavaScript 可以触发事件,就像按钮点击。</p><script>function myFunction(){ document.getElementById("demo").innerHTML="Hello JavaScript!";}</script><button type="button" onclick="myFunction()">点我</button></body></html>
运行结果:
“点我”之后:
- JavaScript处理 HTML 样式:
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>www.baidu.com</title> </head><body><h1>我的第一段 JavaScript</h1><p id="demo">JavaScript 能改变 HTML 元素的样式。</p><script>function myFunction(){ x=document.getElementById("demo") // 找到元素 x.style.color="#ff0000"; // 改变样式}</script><button type="button" onclick="myFunction()">点击这里</button></body></html>
运行结果:
“点击这里”之后:
HTML 脚本标签
<script>
定义了客户端脚本 <noscript>
定义了不支持脚本浏览器输出的文本 0 0
- web前端-HTML脚本-018
- web前端-HTML基础-001
- web前端-HTML元素-002
- web前端-HTML属性-003
- web前端-HTML标题-004
- web前端-HTML段落-005
- web前端-HTML链接-007
- web前端-HTML头部-008
- web前端-HTML CSS-009
- web前端-HTML图像-010
- web前端-HTML表格-011
- web前端-HTML列表-012
- web前端-HTML区块-013
- web前端-HTML布局-014
- web前端-HTML表单-015
- web前端-HTML框架-016
- web前端-HTML颜色-017
- web前端-HTML URL-020
- android 接收到云推送,跳转到对应的activity,且一直都只有一个activity
- ubuntu apt-get 参数 -purge
- NS2中无线网络模拟之三(AODV路由分析4)
- spring springmvc mybatis 整合批量操作,批量更新,批量插入
- Socket网络编程及实例
- web前端-HTML脚本-018
- C/C++定义二维数组(矩阵)
- Fractal Interpolation
- javadoc编码 GBK 的不可映射字符
- aptitude 命令详解
- JAVA中去掉空格 trim函数 其他代码
- java比较两个Set是否相等的方法。
- hive的查询注意事项以及优化总结
- ArcGIS 10.1 for Server Rest服务安全性管理:基于用户和角色权限