5 HTML脚本&字符实体&URL

时间:2023-03-09 07:32:30
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个。

可以使用空格实体在页面中增加空格的数量。

5 HTML脚本&字符实体&URL

5 HTML脚本&字符实体&URL

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 编码通常使用 + 来替换空格。