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. vue+axios安装

    Axios是一个基于promise的HTTP库,可以用在浏览器和node.js中. 安装方式: 1.使用cdn <script src="https://unpkg.com/axios ...

  2. FromBase64String 输入的不是有效的 Base-64 字符串,因为它包含非 Base-64 字符、两个以上的填充字符,或者填充字符间包含非法字符

    js前台: <input id="upload_img_input" v-on:change="onFileChange" type="file ...

  3. 隐藏pyqt中调用matplotlib图片中的工具栏

    方法: # pyqtgraph使用matplotlib import pyqtgraph.widgets.MatplotlibWidget as mw a_plt = mw.MatplotlibWid ...

  4. Azure IoT Hub 十分钟入门系列 (3)- 使用消息路由将原始设备数据记录存档

    本文主要分享一个案例: 10分钟使用消息路由将原始设备数据记录存档 B站视频讲解:https://www.bilibili.com/video/av90223893/ 本文主要有如下内容: 1.理解什 ...

  5. vtk学习记录(一)——vtk工程配置与生成

    前言 图形图像这块儿,最近因为工作需要接触的相对多了点儿,精力基本上也都投入了这块儿,搞的天天要死要活,毕竟我一个.net的突然来到cxx的世界,也是很苦恼的,也是头一次见到新建工程就需要配置并且解决 ...

  6. 你知道for(;;) vs. while(true)那个更快吗?

    来来来, for(;;) vs. while(true) 有什么区别?从java的语义上来说,他们是一模一样的.为何怎么说? 开始我们先测试for(;;) package com.tony.test; ...

  7. android开发基础(ViewModel)

    今天学习了ViewModel,其是Jetpack的一个类,它可以将界面中的数据独立出来,这样不会造成页面上信息的丢失. 我跟着视频做了一个简单的实例: 首先创建项目的时候它和以往的项目会有些不一样,因 ...

  8. k8s搭建

    K8s官方文档地址:https://kubernetes.io/docs/reference/command-line-tools-reference/kube-apiserver/  如果用云主机部 ...

  9. JSAJAX请求

    let xmlHttp = new XMLHttpRequest();//创建发送请求的对象     //这是为了兼容IE的获取ajac请求对象的方法     // let getXmlHttpReq ...

  10. 吴裕雄 python 机器学习——模型选择学习曲线learning_curve模型

    import numpy as np import matplotlib.pyplot as plt from sklearn.svm import LinearSVC from sklearn.da ...