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

5 HTML脚本&字符实体&URL的更多相关文章

  1. 框架、颜色、颜色名、脚本、字符实体、URL、速查列表

    一. 1.<iframe></iframe>标签设置内联框架(一个内联框架用来当前HTML文档嵌入另一个文档).[语法:<iframe src="URL&quo ...

  2. html 和 html5（一）（表格 | 列表 | 提交按钮 | 单选 |复选 | 框架 | 脚本 | html字符实体 ）

    一.框架 使用iframe来显示目录链接页面 iframe可以显示一个目标链接的页面 目标链接的属性必须使用iframe的属性,如下实例: 实例 <iframe src="demo_i ...

  3. HTML5 脚本 语言代码 URL 符号实体 ASCII码 颜色

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

  4. HTML（六）框架，颜色，脚本，字符实体，统一资源定位器

    HTML 框架 HTML框架 通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面 Iframe移除边框 使用iframe来显示目标链接页面 RUNOOB.COM HTML 颜色 rgb(255, ...

  5. 【转义字符】HTML 字符实体&lt; &gt: &amp;等

    在开发中遇到javascript从后台获取的url 会被转义,如:http://localhost:8080/Home/Index?a=14&b=15&c=123,想把它转成http: ...

  6. 【转义字符】HTML 字符实体&lt; &gt: &amp;

    在开发中遇到javascript从后台获取的url 会被转义,如:http://localhost:8080/Home/Index?a=14&b=15&c=123,想把它转成http: ...

  7. java转换 HTML字符实体，java特殊字符转义字符串

    为什么要用转义字符串? HTML中<,>,&等有特殊含义(<,>,用于链接签,&用于转义),不能直接使用.这些符号是不显示在我们最终看到的网页里的,那如果我们希 ...

  8. HTML字符实体（Character Entities），转义字符串（Escape Sequence）

    为什么要用转义字符串? HTML中<,>,&等有特殊含义(<,>,用于链接签,&用于转义),不能直接使用.这些符号是不显示在我们最终看到的网页里的,那如果我们希 ...

  9. html-----013----实体字符/HTML URL 编码

    <!DOCTYPE> 声明 版本 年份 HTML 1991 HTML+ 1993 HTML 2.0 1995 HTML 3.2 1997 HTML 4.01 1999 XHTML 1.0 ...

随机推荐

  1. A. DZY Loves Chessboard

    DZY loves chessboard, and he enjoys playing with it. He has a chessboard of n rows and m columns. So ...

  2. ARM架构安装Anaconda3出现错误：cannot execute binary file: Exec format error

    ARM架构安装Anaconda3出现错误:cannot execute binary file: Exec format error 原因是:安装包格式不对. 在Anaconda官网上只有x86(32 ...

  3. 03-Spring的IOC示例程序（通过类型获取对象）

    根据bean类型从IOC容器中获取bean的实例 ①test测试类 @Test public void Test02() { //获取spring容器对象 ApplicationContext app ...

  4. What Is A Airless Pump Bottle?

    What is an airless pump bottle?Unlike conventional dispensers that use a tube or suction tube to dra ...

  5. 虚拟机中安装centos7后无法上网，使用桥接网络+ssh

    首先是桥接网络解决无法上网的问题: 1保证你Vmware里面的虚拟机是关机状态2右键点击电脑屏幕右下角小电脑图标,选择打开网络与共享中心,然后点击弹出来的窗口左上角的“更改适配器设置”.这里指的是你W ...

  6. abp方法权限

    一.自定义一个权限实体,也可以直接用abp的PermissionNames类 二.重写PermissionChecker中的IsGrantedAsync方法 public override async ...

  7. numpy.eye() 生成对角矩阵

    numpy.eye(N,M=None, k=0, dtype=<type 'float'>) 关注第一个第三个参数就行了 第一个参数:输出方阵(行数=列数)的规模,即行数或列数 第三个参数 ...

  8. Qt连接mysql数据库遇到QMYSQL driver not loaded

    本文件向各位博友分享一下我在Qt开发过程中,连接mysql数据库时遇到的问题,以及解决的方法,希望对遇到同样问题的博友有所帮助. 工程运行环境:vs2015+Qt5.8 在开发过程中,编写数据库连接函 ...

  9. pdf.js的使用（2）新的需求已经出现，怎么能够停止不前（迪迦奥特曼主题曲）哈哈哈。^_^

    来,咱们看图说事 按钮1,2是pdf.js自带的,分别对应顺时针旋转90度,逆时针旋转90度.于是乎又要我做一个旋转180度的按钮,诺!按钮3来了. 1.别怂,干!首先顺藤摸瓜,看按钮1,2的html ...

  10. MQTT.js browser node 均支持

    npm - mqtt 官网手册 https://www.npmjs.com/package/mqtt#weapp 简书用户 使用笔记 https://www.jianshu.com/p/4fd95ca ...