# 实例
# 在HTML中插入js
方法一:链接外部文件
<script src="/xxx.js"></script>
通常情况下都使用这种方法
优点:
- 不同的页面可以同时链接同一个js文件,相同的代码无需在多个页面重复编写,减少文件体积
- 代码集中便于维护,无需在多个文件间来回
- 浏览器会缓存链接的外部js文件,如果有多个页面都使用同一个js文件,那么这个文件只需下载一次。因此,能够加快页面加载速度
方法二:内部嵌套
<!DOCTYPE html>
<html>
<head>
<meta charset="gbk">
<title>index</title>
<script>
alert('第二种方式');
</script>
</head>
<body>
</body>
</html>
优点:这种方式可以把js嵌入到HTML,网页可以只包含在一个.html
文件中
缺点:
- 这种方式并不安全,把js暴露在页面源代码中,任何人都可以进行修改
- 代码仅限于当前页面的使用,代码无法被多个页面重复使用,不便于维护
方法三:点击事件执行
<body>
<span onclick="alert('第一种方式')">点击执行事件</span>
</body>
一般不推荐使用三种方式,因为这种方式有许多局限,不能执行多行代码,适用于点击事件执行某函数时使用
# 在 网页中发送邮件
使用<a>
发送电子邮件
<a href="mailto:收件邮箱地址">发送邮件</a>
抄送:
<a href="mailto:xxxxxx@email.com?cc=抄送地址">发送</a>
密件抄送:
<a href="mailto:xxxxxx@email.com?bcc=抄送地址">发送</a>
注意
如果 mailto 后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔。
多个收件人:
<a href="mailto:xxxxxx@email.com;yyyyyy@email.com">发送</a>
多个收件人时,邮箱地址用;
隔开
添加主题与内容
<a href="mailto:xxxxxx@email.com?subject=主题&body=内容">发送</a>
使用 JavaScript 发送电子邮件
//封装发送电子邮件的函数
function sendEmail(){
if(confirm("是否发邮件")){
location="mailto:xxxxxx@qq.com";
}
}
sendEmail()//调用这个函数
# 使用<a>
拨打电话
<a href="tel:400-888-1234">拨打电话<a>
# 使用<a>
发送短信
<a href="sms:1992345987">发送短信<a>
# 查看网页源码
在网页链接的前面加上 view-source:
,查看该网页的源码
<a href="view-source:https://yoseya.top">查看源码</a>
# 使用javascript:void(0)
<a href="javascript:void(alert('Hello'))">打个招呼</a>
结果
# 在HTML页面添加数学公式
想要在网页中显示公式我们首先要引入MathJax
前提:要使用 MathJax, 首先你要会 LaTeX,因为在这里公式要用 LaTeX 表示
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3.0.1/es5/tex-mml-chtml.js"></script>
样式一:
要实现这种样式我们要在标签中的用LaTeX写成的公式文本前后加入$$
符号标记
例如:
<h>$$
f(x) =
\begin{cases}
\lim\limits_{x \to 0} \frac{a^x}{b+c}, & x<3 \\
\pi, & x=3 \\
\int_a^{3b}x_{ij}+e^2 \mathrm{d}x,& x>3 \\
\end{cases}\tag{1.1}
$$</h>
样式二:
在式子
想要在文本中嵌入公式,我们要在标签中的用LaTeX写成的公式文本前加入\(
文本后加入\)
符号标记
例如:
<h>在式子
\(\frac{1}{n^{2}-1}= \frac{1}{2}\left( \frac{1}{n-1}-\frac{1}{n+1}\right)\)中
\(n\ne\pm1\)
</h>