插入head及调用js文件 ( js一进入页面就执行的两种方法 )

最新推荐文章于 2026-04-17 13:02:30 发布

原创最新推荐文章于 2026-04-17 13:02:30 发布 · 9.3k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#js一进入页面就执行

收录于

JS 专栏收录该内容

13 篇文章

订阅专栏

本文介绍如何在网页加载时执行JavaScript代码以及如何通过在<head>部分引入外部JS文件来实现页面元素加载完成后的函数调用。

一、将JS代码，插入到head区域，即可在网页打开时执行。

示例：

1

2

3

4

5

6

7

<html>
<head><title>test</title></head>
<script>
alert("已经开始执行函数!");
</script>
<body></body>
</html>

二、调用js文件

① 在head中引入js文件

<script src="/js/article/showAllArticle.js"></script>

② js文件写法

$(document).ready(function() {
	
	alert("执行了...");
});

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

FromNowOnUntilTheEnd

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

web前端入门到实战：如何插入js,引用外部js,js在页面中的位置

前端工程师年薪30万，就靠这套教程！持续更新最新知识

04-14

921

我们来看看如何写入JS代码？你只需一步操作,使用之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title...

Lodop打印控件初始化过程

Baby_加油_的博客

03-20

3214

Lodop需要在计算机上下载一个控件C-Lodop 引用C-Lodop很简单，在页面head中添加如下路径的js文件，就可用固定变量名LODOP或CLODOP发打印请求了: <script src='./LodopFuncs.js'></script> 由于我写了引申的方法，可以判断是否开启控件，能否加载出这个文件，所以直接引的另一个文件，来判断这个文件的核...

参与评论您还未登录，请先登录后发表或查看评论

如何在页面中引入JS教程

小小鱼儿小小林的博客

09-26

1395

1.直接写到页面中须位于与标签之间,放置在 HTML 页面的或者标签中: //在这里写JS代码元素，常用属性有： type : 可看做是language的替代属性，表示编写代码使用的脚本语言的内容类型，MIME这个属性非必须，默认是text/javascript src : 表示包含要执行代码的外部文件注意:js代码所

如何参与HeadJS前端加载优化库的开发：完整贡献指南

最新发布

gitblog_00879的博客

04-17

1096

HeadJS是一个轻量级的前端加载优化库，旨在简化网站开发流程、提升加载速度并实现现代化网站功能。作为"你HEAD中唯一需要的脚本"，它为开发者提供了高效的资源加载解决方案。本文将详细介绍如何参与这个优秀开源项目的社区贡献，无论是提交代码、修复bug还是改进文档，都能为HeadJS的发展贡献力量。 [![HeadJS项目Logo](https://raw.gitcode.com/gh_mirro

HTML 引入 JS 文件

weixin_46774901的博客

03-28

7520

1、页头引入（head 标签内）；2、页中引入（body 标签内）；3、引入外部 JS 文件；

HTML加入JS的几种方式

zwj13603571674的博客

01-02

901

文件结构一.在head里面添加js引用文件（可以是绝对路径，也可以是绝对路径，但一定要写对，不然报错） <head> <meta charset="UTF-8"> <title>Title</title> <script src="day_01.js"></script> </head>...

web动态添加js外部文件方式

前端技术的学习整理

09-10

1万+

<1>scrilpt标签方式文档对象模型（DOM）允许你使用JavaScript 动态创建HTML的几乎全部文档内容。其根本在于，<script>元素与页面其他元素没有什么不同：引用变量可以通过DOM进行检索，可以从文档中移动、删除，也可以被创建. var script = document.createElement("script"); script.type ...

关于js动态插入script 标签后页面JS代码执行失败的解决方法

一只烦恼的猪

07-26

1万+

RT，主要是因为加载顺序的问题，为了解决某设备上的JS缓存导致修改文件不能及时更新问题以及方便JS管理，我采用了如下代码进行JS 动态插入 var t = Math.random(); var js_path = "./js/"; function loadJS(script){ var src = js_path + script +'?r='+t ; var scrip

JS中为什么在head中写script脚本不能执行，而在body中写script却能执行

Black_Customer的博客

08-14

4543

刚开始时候，在用JS创建 <script type="text/javascript"> </script> 如果在body中创建，那么可以运行 <p id="demo">我的第一个段落。</p> <script> document.getElementById("demo").innerHTML="段落已修改。"; &l...

动态加载script文件的两种方法

aijiagui7454的博客

08-16

515

第一种就是利用ajax方式，第二种是，动态创建一个script标签，设置其src属性，通过把script标签插入到页面head来加载js。动态加载script到页面大约有俩方法第一种就是利用ajax方式，把script文件代码从后台加载到前台，然后对加载到的内容通过eval()执行代码。第二种是，动态创建一个script标签，设置其src属性，通过把script标签插入到页面head...

html中在head中写js,在HTML中引入js的三种方法

weixin_35544017的博客

05-30

3183

一、利用引入一个外部的js文件例如：以下是一个js文件，文件名为 " 01.js"1.png以下是一个html文件，引用了上面的js文件、、、统计包含“a”或“A”的字符串的个数、、、二、使用标签直接在这添加js代码例如：、、、统计包含“a”或“A”的字符串的个数var countryName = new Array("America", "Greece", "Britain", "Canada...

前端引入外部 js文件

前端学习笔记

03-31

5387

这是最简单的方法，不过想来不是你想要的方法，因为这种方法在项目加载时就会引入，你可能需要在不同环境下判断是否需要引入，比如微信中引入，钉钉中不引入等。所以还有其它方法来引入。只能引入静态文件，外部文件是无法引入的。不过你可以将文件下载下来引入，这也是一种解决办法。你可以在引入前添加判断条件，来决定是否要引入。文件，专门用来写这类内容。

【Web前端-JavaScript】如何在html页面中添加JavaScript代码、变量、数据类型、运算符、各种语句、方法、BOM浏览器对象模型、和页面相关的方法

居然天上楼的博客

11-03

3053

JavaScript 是一门跨平台、面向对象的脚本语言，而Java语言也是跨平台的、面向对象的语言，只不过Java是编译语言，是需要编译成字节码文件才能运行的；JavaScript是脚本语言，不需要编译，由浏览器直接解析并执行。

HTML页面中加入JS的方法

天天向上

08-09

2万+

方法一：在head标签内引入JS文件 <html> <head> <script src="此处写你的js文件路径"></script> </head> <body> </body> </html> 方法二：在b

javascript系列之引入文件方式

StayAlive1887的博客

08-02

1942

随着你越来越广泛的使用javascript，你可能会遇到这种情况：你在不同的网页中重复使用javascript代码。你不得不在多个html文件中维护相同的javascript代码。这时候，script标签提供一种机制，允许你在外部文件中保存javascript代码，然后使用script标签引入外部的javascript文件。使用外部的javascript文件，你需要将所有的javascript代码写入一个单独的文件中，并且这个文件的后缀名改为 “.js” ，然后在HTML文档中使用上面的方式引入。

js向head中添加js代码

weixin_33670786的博客

04-26

1511

js向head中添加js代码 1.$("<script>").attr("type","text/javascript") .html('function AddScptTest(){alert("this function added by js.");}function AddScptTest2(){alert("AddScptTest2");}') .appendTo(

HTML中嵌入js代码的两种方法