首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何在DOM的末尾触发javascript并将其放入头部

如何在DOM的末尾触发javascript并将其放入头部
EN

Stack Overflow用户
提问于 2015-11-27 13:34:49
回答 2查看 145关注 0票数 0

我正在页面的末尾加载一个javascript,如下所示:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<script src="/plugins/Headroom/js/headroom2.js"></script>
</body>
</html>

javascript如下所示:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
(function() {
// code js goes here
}());

在将javascript加载到head标记中时,如何实现相同的结果?我已经尝试添加准备好的处理程序如下所示

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$( document ).ready(function() {
 // code goes here
}());

并将这些js加载到头部,但没有相同的结果。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-11-27 13:44:45

使用jQuery,代码应该是:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$( document ).ready(function() {
  // code goes here
});

另外,如果您不想使用jQuery,您可以说:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
window.onload = function(){
   // code goes here
}

或者,最后,在<head><script>标记中定义一个函数foo(),在<body>标记中给它onload属性:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<body onload=foo()>

希望这有帮助

票数 3
EN

Stack Overflow用户

发布于 2015-11-27 13:40:17

声明函数后立即调用它。这是因为要将()添加到函数的末尾。应该看上去更像这样。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
(function() {
// code js goes here
})

下面是有关立即调用的函数表达式(IIFE)的更多信息

expression

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33965049

复制
相关文章
wordpress文章末尾或头部添加内容 超简单
如何在wordpress的文章末尾或头部添加内容,在wordpress每篇文章的末尾添加文字、链接等内容,比如你想加个“原创文章如转载,请注明本文链接:”,其实很简单,有多种方法,下面就介绍给大家。
于飞云计算
2019/06/26
2.2K0
wordpress文章末尾或头部添加内容 超简单
JavaScript DOM
JavaScript DOM 是指 JavaScript 中的文档对象模型(Document Object Model);它允许 JavaScript 与 HTML 页面交互,使开发者可以通过编程方式动态地修改网页内容和样式,以及响应用户的交互。
久绊A
2023/03/25
6320
Javascript的DOM操作
1.訪问节点 document.getElementById(id); 返回对拥有指定id的第一个对象进行訪问
全栈程序员站长
2021/11/18
6730
JavaScript 技术篇-js创建dom节点,并设置属性
document.createElement() 是创建节点的方法。 setAttribute() 是设置属性的方法。
小蓝枣
2020/09/23
4.8K0
JavaScript 技术篇-js代码触发dom元素绑定事件实例演示,jquery触发元素绑定事件方法
jquery 通过 trigger() 方法触发点击事件。 $("#login_div > div > div.login-content > div.content-right > div > div > div.login-panel-input.login-submit-panel > button").trigger("click")
小蓝枣
2021/12/01
9K0
JavaScript 技术篇-js代码触发dom元素绑定事件实例演示,jquery触发元素绑定事件方法
前端 javascript DOM
根据class选择:document.getElementsByClassName("c1"); a[0].style.color="red";
week
2018/08/24
3090
JavaScript HTML DOM
当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。
陈不成i
2021/07/19
7290
JavaScript DOM基础
DOM(Document Object Model)即文档对象模型,针对HTML和XML文档的API(应用程序接口)。 一.DOM介绍 DOM中的三个字母,D(文档)可以理解为整个Web加载的网页文档;O(对象)可以理解为类似window对象之类的东西,可以调用属性和方法,这里我们说的是document对象;M(模型)可以理解为网页文档的树型结构。 DOM有三个等级,分别是DOM1、DOM2、DOM3,并且DOM1在1998年10月成为W3C标准。DOM1所支持的浏览器包括IE6+、Firefox、Safa
汤高
2018/01/11
1.4K0
Javascript DOM(一)
预解析:js 引擎会把 js 里面所有的 var 和 function 提升到当前作用域的最前面
赤蓝紫
2023/01/01
1.2K0
Javascript DOM(一)
JavaScript——DOM基础
文档对象模型(Document Object Model),简称DOM,是W3C组织推荐的处理可扩展标记语言(HTML或者XML)的标准接口。
岳泽以
2022/10/26
6.6K0
JavaScript——DOM基础
JavaScript之DOM
一、什么是DOM? DOM (Document Object Model)是指文档对象模型,通过它,可以访问HTML文档的所有元素。 DOM(Document Object Model)是一套
人生不如戏
2018/04/10
1.5K0
JavaScript之DOM
JavaScript DOM(二)
通过上文可知获取元素可以来利用 DOM 提供的方法来获取元素,如 getElementById、querySelector 等方法,但是也可以利用节点关系来获取元素
赤蓝紫
2023/01/01
6350
JavaScript DOM(二)
JavaScript之DOM
文档对象模型(Document Object Model,DOM)是一种用于HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法,可以改变文档的内容和呈现方式。我们最为关心的是,DOM把网页和脚本以及其他的编程语言联系了起来。DOM属于浏览器,而不是JavaScript语言规范里的规定的核心内容。
菲宇
2019/06/13
7000
JavaScript之DOM
javaScript操作DOM
文档对象模型(Document Object Model, DOM),在控制面板中用window.document获取
河马嘴不大
2022/12/24
6090
javaScript操作DOM
JavaScript-Dom
JavaScript-Dom 简介 DOM:Document Object Model 节点 HTML 文档中的所有内容都是节点 整个文档是一个文档节点 每个 HTML 元素是元素节点 HTML 元素内的文本是文本节点 每个 HTML 属性是属性节点 注释是注释节点 document对象 常用属性 名称 说 明 referrer 返回载入当前文档的**URL** URL 返回当前文档的**URL** document.referrer document.URL ​ document常用方法 名称 说 明
xiaozhangStu
2023/05/04
4460
css补充、JavaScript、Dom
css补充: position: fixed:可以将标签固定在页面的某个位置 absolute+relative:通过两者的结合可以让标签在一个相对的位置 代码例子:(通过fixed标签将某些内容固定
coders
2018/01/04
1.1K0
css补充、JavaScript、Dom
JavaScript DOM基础2
DOM自身存在很多类型,比如Element类型:表示的是元素节点,再比如Text类型:表示的是文本节点。DOM也提供了一些扩展功能。 一.DOM类型 DOM基础课程中,我们了解了DOM的节点并且了解怎样查询和操作节点,而本身这些不同的节点,又有着不同的类型。 DOM类型 类型名 说明 Node 表示所有类型值的统一接口,IE不支持 Document 表示文档类型 Element 表示元素节点类型 Text 表示文本节点类型
汤高
2018/01/11
8470
Javascript之Dom学习
1.简介:DOM是一套对文档的内容进行抽象和概念化的方法。在现实世界里,人们对"世界对象模型"一定不会陌生,当人们用"房子","汽车"等这一类专用名字来描述生活中的事物时,我们百分之百不会理解错,因为人们对这些名字有相同的认识,比如我说"我的车停在了地下车库里",你肯定不会理解成"手机放在了家里"。(这是从客观存在的事物角度去描述DOM).       我们的"世界对象模型"不仅可以描述客观存在的事物,还可以用来描述抽象概念,例如,假设有个人向我问路,而我给出的答案是"右边第二栋房子",这个答案有没有意义,
郑小超.
2018/01/24
7660
Javascript之Dom学习
Javascript DOM操作实例
      最近在学DOM,但是还是没有办法很好的记住API,想找些例子来练习,网上的例子将一个个DOM对象方法挨个举例,并没有集合在一起用,效果不尽人意。所以自己写一份实例,顺便巩固下学到的知识。       这个例子很简单,主要就是操作ul下面的li,但是会贯穿很多DOM的对象方法。       首先在body下面创建一个ul,注意<ul></ul> 之间不要有空格或回车,否则会造成文本节点。 ``` <body> <ul id="fruit"></ul> </body> ```   接下来
用户1624346
2018/04/10
9260
Javascript DOM操作实例
javascript dom学习笔记
http://blog.csdn.net/zhoulenihao/article/details/11099455
bear_fish
2018/09/19
1.8K0

相似问题

将内联JavaScript放入头部

20

如何获取类的值并将其放入数组JavaScript DOM中?

42

获取api对象并使用javascript将其放入html中。

260

XSLT -将Javascript放在DOM的末尾

13

Javascript未在页面末尾触发

30
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文