笔记-html文件

原创已于 2024-05-16 15:23:23 修改 · 86 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#笔记 #html #前端

于 2023-09-22 11:02:09 首次发布

本文介绍了在HTML中通过`<script>`和`<link>`标签引入JavaScript和CSS的常见方法，强调了这种方式可能导致网页加载速度变慢，并推荐了更优的资源管理策略。同时讨论了超链接样式设置，如鼠标悬停效果和下划线显示。

1.引入js

<script type='application/javascript' src='/js/jsLib/jquery.min.js'></script>>

2. 引入css

<link rel='stylesheet' type='text/css' href='/css/myCss.css'>

3.通过js引入js和css

这种方式不推荐用
原因：以此方式获取外部资源将增加网页加载速度，
说明：浏览器的推测解析器不直接运行javaScript，但是用此方式需要先执行下载解析引入的js，导致额外的时间开销。

document.write("<script type='application/javascript' src='/js/jsLib/jquery.min.js'></script>");
document.write("<link rel='stylesheet' type='text/css' href='/css/myCss.css'>")

4 超链接标签样式

<!-- 样式设置位鼠标悬置变成小手 -->
<style type="text/css">
		a { cursor: pointer; }
</style>
<!-- text-decoration:underline  是加下划线 -->
<a style="color: blue;text-decoration:underline" onclick="downHole(\''+record.TABLE_CODE+'\')">'+val+'</a>