5 HTML脚本&字符实体&URL
HTML脚本:
- 用<script>标签定义客户端脚本,比如JavaScript
- script元素即可包含脚本语句,也可以通过src属性指向外部脚本文件
- JavaScript常用于图片操作、表单验证以及内容动态更新
- <noscript>标签提供无法使用脚本时的替代内容,如浏览器禁用脚本,或不支持客户端脚本时
- 也只有在浏览器不支持或者禁用脚本时才会显示noscript元素
JavaScript可以直接输出HTML语句:
<script> document.write("<h1>这是一个标题</h1>"); document.write("<p>这是一个段落</p>"); </script>
JavaScript响应事件:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>W3Cschool教程(w3cschool.cn)</title> </head> <body> <p id="case1"> JavaScript响应点击事件 </p> <script type="text/javascript" charset="utf-8"> function demoFunction(){ document.getElementById("case1").innerHTML = "hello js"; } </script> <input type="button" onclick="demoFunction()" value="点我有惊喜"/> </body> </html>
HTML字符实体:
HTML实体:
- 在HTML中,有些字符是预留的,我们不能使用包含这些字符的文本
- 在HTML中不能使用小于号<和大于号>,这是因为浏览器会误认为它们是标签
- 如果希望正确地显示预留字符,我们必须在HTML源码中使用字符实体
HTML中的预留字符必须被替换为字符实体
一些在键盘上找不到的字符也可以使用字符实体来替换
不间断空格:
HTML中的常用字符实体是不间断空格的,如果在文本中写入10个空格,在显示该页面之前,浏览器会删除它们中的9个。
可以使用空格实体在页面中增加空格的数量。
HTML URL:
- URL: Uniform Resource Locators,统一资源定位器。可以由字母组成,也可以由ip地址组成
- 点击某个<a>标签时,会指向万维网上的一个地址
scheme://host.domain:port/path/filename
- scheme:定义因特网服务类型,比如HTTP
- host:定义域主机,http默认域主机是www
- domain:定义因特网域名,比如w3cschool.cn
- port:定义主机端口号,http默认端口号是80
- path:定义服务器路径,当文档位于网站根目录时则可以省略
- filename:定义文档/资源名称
URL字符编码:
- URL只能时候ASCII字符集
- URL编码会将字符转换为可通过因特网传输的格式进行发送
- URL 编码使用 "%" 其后跟随两位的十六进制数来替换非 ASCII 字符。
- URL 不能包含空格。URL 编码通常使用 + 来替换空格。