将onDomContentLoaded函数调用附加到HTML文件中的DOM对象
是为了在DOM内容加载完成后执行特定的JavaScript代码。这个函数通常用于在页面加载完成后执行一些初始化操作或绑定事件处理程序。
在HTML文件中，可以通过以下方式将onDomContentLoaded函数调用附加到DOM对象：
- 使用内联事件处理程序：在HTML标签的属性中直接指定onDomContentLoaded函数调用。例如：
<body onload="onDomContentLoaded()">- 使用JavaScript脚本：在JavaScript脚本中使用事件监听器将onDomContentLoaded函数调用附加到DOM对象。例如：
<script>
document.addEventListener("DOMContentLoaded", onDomContentLoaded);
</script>这样，当DOM内容加载完成后，浏览器会触发DOMContentLoaded事件，从而执行绑定的onDomContentLoaded函数。
onDomContentLoaded函数的具体实现可以根据需求来编写，可以包含任何需要在DOM加载完成后执行的代码。例如，可以在该函数中进行页面元素的初始化、绑定事件处理程序、发送网络请求等操作。
推荐的腾讯云相关产品和产品介绍链接地址：
相关·内容
我有一个函数，可以将一些css规则应用到窗口加载的元素中。这是我的密码。
function applyHover()
{
$('.view_preloader .overlay').css('opacity',1);
$('.view_preloader .s2').css({
'-webkit-transform' : 'translate3d(59px,0,0) rotate3d(0,1,0,-45deg)',
'-m
浏览 1提问于2014-09-18得票数 0
回答已采纳
我正在编写一个Google chrome扩展，在该扩展中，我将解析加载的任何页面的<head>标记，并查找特定的<meta>标记。使用内容脚本与站点进行通信，然后在后台脚本中完成实际的逻辑。
问题是背景脚本何时应该要求内容脚本检查<meta>标记。chrome.webNavigation.onDOMContentLoaded似乎是安全的，但我发现在加载页面时，这个事件经常会被多次触发。此外，在chrome.webNavigation.onDOMContentLoaded命中之前，<head>可能已经可用。这就引出了我的问题：
如何最好地检查页面的
浏览 5提问于2015-11-06得票数 0
我在home.js文件中写入了以下内容：
define(['services/logger'], function (logger) {
var vm = {
activate: activate,
title: 'Home View'
};
return vm;
//#region Internal Methods
function activate() {
logger.log('Home View Activated', null, 'home', true);
return
浏览 3提问于2013-04-09得票数 0
回答已采纳
我试图从外部加载的index.js文件中调用html页面中的函数，但我总是
Uncaught ReferenceError: displayy is not defined
在我的html页面中：
<script type="text/javascript" src="index.js"></script>
<script>
$( document ).ready(function() {
displayy();
});
</script>
index.js文件：
$( docum
浏览 6提问于2017-03-23得票数 4
回答已采纳
2回答
当页面只是加载(打开)时，我使用SVGweb没有问题。
如何重新初始化SVGweb以便在页面上重新绘制所有SVG？
换句话说，我需要SVGweb重新扫描和重新渲染页面上的一切。
来源(来自此)：
<script type="image/svg+xml">
<svg>
...
</svg>
</script>
这样做(就像SVGweb在打开页面时会这样做)：
<svg>
...
</svg>
我需要它，因为我使用ajax更改了SVG图形，并且需要在页面上重新呈现它。
浏览 0提问于2013-03-19得票数 2
回答已采纳
4回答
我有以下js文件：
var IOMaximizeButton = {
setup: function () {
$(this).click(function(){
console.log("maximize button was clicked!");
});
}
};
$(document).ready(function() {
IOMaximizeButton.setup();
});
下面是我的HTML的正文：
<body>
<a href="#" data-role="but
浏览 0提问于2011-09-27得票数 1
回答已采纳
我有一个PHP文件，它生成HTML元素，并在页面加载时从AJAX调用。我要做的是将JQuery应用于动态生成的元素，这样每次单击从PHP文件生成的标签时，就会发生一些事情。我试着将JQuery代码放在PHP文件中并回显出来，但没有起作用，我还把代码放在调用AJAX的页面中，但也不起作用。
在我的HTML中，我有：
<body onLoad="javascript:getLabels();">,
这通过AJAX调用php文件：
function getComments() {
var thePage ='loadLabels.php';
浏览 0提问于2012-05-11得票数 1
我使用jQuery load()方法将一个HTML文件加载到另一个HTML文件中：
$("#sidebar").load("templates/sidebar.html");
<div id="sidebar"></div>
我想在加载的HTML文件上运行一些javascript。这个脚本不起作用，我相信是因为它在执行时无法看到新的HTML。例如，这一行jQuery将无法看到sidebar.html中存在的类菜单。
$('.menu').css('left', '100')
浏览 1提问于2017-05-10得票数 0
回答已采纳
谢谢你看我的问题。
在下面的链接中，我问了一个类似于此的问题。不幸的是，给出的答案在代码片段中起作用，而不是在我的站点上。我创建了一个空白HTML文档，并将以下代码插入其中。我想做的事情的基础就是这个。文件输入标记将使用CSS隐藏。然后，我使用label标签来接管输入标签的控制。一旦选择了一个文件，我希望文件名(而不是路径)显示在标签中，并使图像对用户也是可见的。正如前面在我的上一个问题中指出的，我不希望使用jQuery。提前感谢你看了我的代码并帮了忙！
以下是我的前一个问题：
下面是我的'index2.php‘文件中的代码：
<html>
<head>
浏览 6提问于2016-08-08得票数 2
回答已采纳
如果我将DOMContentLoaded标记与相应的JS文件放在body标记的末尾，是否应该等待body事件？
index.html
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" href="popup.css">
</head>
<body>
<div id="container"></div>
<sc
浏览 0提问于2016-01-15得票数 11
回答已采纳
4回答
JS不只处理从ajax加载的数据
、、、、
我加载了一个由PHP构建的图片库，当我点击图片时，我应用这个JS代码来拥有一个CSS“覆盖”。
<script type="text/javascript">
$(".button").click(function(e) {
e.preventDefault();
$.ajax({
url: "action.php",
method: "get",
data: {
id: $(
浏览 5提问于2015-12-09得票数 2
回答已采纳
在迁移到BS 5之后，这一点就坏了：
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstr
浏览 3提问于2021-06-12得票数 3
回答已采纳
1回答
这个CoffeeScript代码：
root = document.getElementById "hello"
document.addEventListener("DOMContentLoaded", () => {
root.innerHTML = "goodbye"
}, false)
给出一个error: unexpected =。当我编译这段代码时：
root = document.getElementById "hello"
document.addEventListener("DOMCon
浏览 1提问于2018-08-14得票数 0
回答已采纳
1回答
我有一个flask项目，我想用一些更好的东西来替换标准的文件上传表单：
<form action="" method=post enctype=multipart/form-data>
<input type=file name=file>
<input type=submit value=Upload>
</form>
我一直在考虑使用，但在加载了正确的.js和.css文件并合并了以下HTML后
<div class="fileupload fileupload-new" data-prov
浏览 1提问于2013-04-12得票数 1
我在做一个联合项目。我有一份文件：
API.cs (不附于任何GameObject)
using UnityEngine;
using UnityEngine.Networking;
using System.Collections;
using LitJson;
public class API : MonoBehaviour
{
public IEnumerator Login(string email, string psw)
{
string URL = "https://####.azurewebsites.net/api/login
浏览 1提问于2018-10-09得票数 2
回答已采纳
我试图加载一个包含ajax webform的节点，并将其添加到现有的div中，这很好，但是当我单击下一步时，表单将提交到webform操作路径。
有什么想法吗？
谢谢!
$.ajax({
url: '/path/to/my/node/with/webform'
success: function (data) {
// Add html to existing container.
$(data).appendTo('body');
浏览 0提问于2019-09-06得票数 1
因此，我将需要的每个文件链接到index.html文件中：
<script src="jquery.js"></script>
<script src="notify.js"></script>
<script src="script.js"></script>
我在'notify.js‘中创建一个对象：
var notify = {
newNotification : function(text) {
}
}
scri
浏览 6提问于2013-10-02得票数 8
回答已采纳
在我的web应用程序上，我使用jQuery解析JSON对象来动态创建实时提要，并动态创建html格式的表行(有关示例，请参阅我之前的问题 )。
我从JSON对象动态创建的每个表行都添加了一个图像(使用标准的html img标记)--现在我想做的是创建一个.click()函数，该函数在单击该图像时执行异步ajax调用。
因此，如果我的动态创建表行的代码如下所示：
var html = "<tr>"
+ "<td><img class=\"status_refresh\" src=\"/refre
浏览 1提问于2011-04-26得票数 3
回答已采纳
3回答
我是Javascript和JQuery的新手，对于我认为简单的东西，我有一个问题。我正在制作一个由单个html页面、一个css样式表和一个Javascript文件组成的网站，该文件可以从某个地方检索数据并使用d3.js绘制网络。我的html中有一个SVG元素，我需要从Javascript访问它，以便更改其属性并在其中进行绘制。我最初是在JQuery中创建SVG元素，并将返回值另存为一个变量，供以后使用。然而，这有点丑陋，因为每次我想绘制一个新的网络时，我都必须删除并重新添加SVG。
因此，现在我已经将SVG元素添加到html中，并使布局能够很好地与窗口大小调整一起工作。然而，我似乎不能很容易地
浏览 1提问于2013-06-08得票数 0
回答已采纳
1回答
如何在使用ajax响应操作dom之后附加所有事件。我有一个ajax请求，它得到一个html响应，它基本上是html的一个片段。该片段HTML有许多按钮。我希望刷新以前声明过的dom，并将附加事件也应用到该片段中。我不想继续使用jquery ()为每个按钮添加每个事件。不然怎么做呢？
浏览 1提问于2013-08-24得票数 7
回答已采纳
3回答
我正在为我的网站购买一个自动完成时，我发现这种风格的建筑代码：
$(function() {
function log( message ) {
$( "<div/>" ).text( message ).prependTo( "#log" );
$( "#log" ).scrollTop( 0 );
}
$(element).autocomplete(....
//more code
});
我知道闭幕式，“生活”，但这个对我来说是新的。
上面的“jQuery包装
浏览 4提问于2012-03-08得票数 0
回答已采纳
我正在用Phonegap、Backbone.js、Require.js和PageSlider ()创建一个移动应用程序。
我想用一个标记来显示一个简单的谷歌地图。模板看起来如下：
<div class='main-content' id='map-container'>
<a href="geo:51.903679,-8.468274">
<div id="map-canvas"></div>
</a>
</div>
以下是
浏览 4提问于2013-11-14得票数 4
回答已采纳
在这里，我想调用updateRecord("+n+")函数，点击这里的更新按钮，res.data是ajax的响应。但是，当页面加载时，updareRecord调用了自己。下面的代码是用js文件编写的。单击“获取以下错误”：
未知的SyntaxError:意想不到的标识符。
如果你不明白任何问题，我要求你说出确切的点，而把它标记为否定的。
$.map(res.data,function(n,i){
if (n['type'] == 1)
html += "<tr><td>"
浏览 4提问于2015-03-30得票数 0
1回答
所以我在一个角度项目中有两个组件(预览组件和应用程序组件)。我通过iframe中的相对路径显示了另一个组件(预览组件)中的一个组件(应用程序组件)：
app.component.html
<iframe
src="/pagepreview"
width="478"
height="926"
id="iframeId"
#previewFrame
浏览 2提问于2020-05-30得票数 0
-=-这个代码函数。我只能假设缓存有问题，因为在非函数/函数之间没有任何改变。谢谢大家的帮助(尤其是Niko，他帮助我更好地理解jquery语法) -=- -
我已经手工编写了这个脚本，并最终决定将其更新为jquery，以适应这种情况，并简化代码。这应该是为了呈现一个简单的菜单(就像它以前做的那样)。
两个.js文件与.html文件位于同一个目录中。这是在我的电脑上，而不是在服务器上测试的。
这段代码的前一个版本可以很好地链接到taskMaster.js。那时，我的代码没有使用"$“标记的调用。
当Firebug试图调用$(document).ready(function
浏览 0提问于2012-07-22得票数 0
回答已采纳
2回答
我想知道是否可以从附加的元素访问对象属性。例如：
function anyFct(){
this.div=$('<div ref="dv">').html('Hi').appendTo('body');
div.animal='dog';
div.yld=function(){
alert(div.animal);
};
$('input type="text" value="anyIn" onclick=&
浏览 2提问于2014-08-12得票数 0
回答已采纳
按一下按钮将部分视图动态添加到主视图中，如下所示，动态加载的视图输入无法在主视图上附加jQuery，但它们在部分视图上完美地工作。
主视图
<input type="button" name="BtnAddNew" value="Add New" onclick="AddCustomer();" />
<script>
function AddCustomer() {
$.get("DataEntryScreen").done(functi
浏览 1提问于2019-01-15得票数 0
3回答
我有一个HTML页面，比如main.html，它有一个iframe (比如id="myFrame")显示child.html页面。这两个页面的都有一个名为“隐藏框架”的按钮。这些按钮的onclick调用hideFrame() JS函数，该函数在main.js文件中声明。hideFrame()函数只是将myFrame的显示更改为"none“。
function hideFrame(){
document.getElementById("myFrame").style.display = "none";
}
myFrame位于main
浏览 2提问于2016-06-24得票数 0
回答已采纳
我有两个文件index.html和subpage.html。使用jquery load()，我正在将subpage.html加载到index.html中的div #result中。
我在index.html中为index.html和subpage.html编写了js 。
这几页是这样写的：
index.html:
<script type="text/javascript">
$("document").ready(function(e) {
$("#result").load('subpage.html&#
浏览 1提问于2013-12-06得票数 0
回答已采纳
2回答
我使用jQuery和Ajax将一组div加载到可滚动的div(“letterHolder”)中：
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery-ui.min.js"></script>
<script type="
浏览 3提问于2017-04-07得票数 1
回答已采纳
1回答
嘿伙计们我有麻烦了。我目前正在学习IT，我们开始用Java编程。因此，我们的任务是用Java Applet编写HTLM站点的程序，该应用程序可以在点击时切换回Textboxthing的前端颜色。这是代码，我完全不确定出了什么问题：
Java-文件：
import java.applet.*; //Applet
import java.awt.*; // Graphics, Color
public class HalloWeltPlus extends Applet
{
Color vordergrundfarbe = Color.white;
Color hintergrundfa
浏览 2提问于2015-10-31得票数 1
回答已采纳
2回答
MVC在部分视图中使用JS
、、、、
在我的主视图中，我有ajax操作链接。
例如：
@Ajax.ActionLink("Update Hours", "companyhours", "business",
new { Id = ViewBag.Id }, new AjaxOptions { HttpMethod = "GET", UpdateTargetId = "divCurrentView" })
在控制器内
public ActionResult CompanyHours(string Id)
{ ... return Pa
浏览 6提问于2016-09-28得票数 1
回答已采纳
1回答
我有一个html文件(index.html)，它通过javascipt调用一个php文件(pdj.php)，并在div(pdj)中填充输出。这个很管用。
$.ajax({
url: '../command/pdj.php',
type: "POST",
data: ({xparam: xparam}),
success: function(data){
var arraydata = $.parseJSON(data);
$("#pdj").html(ar
浏览 3提问于2020-06-16得票数 0
回答已采纳
1回答
我最近刚开始学习网页设计，我已经到了需要学习将API和JSON导入到我的页面中的部分。无论如何，到目前为止，我一直在使用codepen.io进行实践，但是我想尝试使用我创建的一些JSONs -这意味着我必须用notepad++ -编写我的代码。长话短说，我甚至无法将jQuery导入到.html文件中。我的代码如下：
<!DOCTYPE html>
<html>
<head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min
浏览 2提问于2016-03-10得票数 0
回答已采纳
我想要做的是能够动态地创建一个具有附加属性的自包含HTML块。
我不知道该怎么称呼它，因为"widget“现在意味着它是一种类似于flair或徽章的东西，放在你的博客上。我说的是一个可重用、可定制的“复合”JS/HTML(/CSS)对象。
例如，一个简单的日期选择器。
document.body.appendChild(new DatePicker());
将生成
<div class="datepicker" name="...">
<select class="datepicker_monthSelect"&
浏览 2提问于2010-06-22得票数 4
回答已采纳
1回答
将脚本放入脚本中
、、
我需要将一个脚本的结果插入另一个脚本，这是发送到谷歌评论。到目前为止，我有一个提取并显示国家代码的最后两个字符的代码：
onDOMContentLoaded = (function(){
var str = "United Kingdom UK";
var res = str.slice(-2);
document.getElementById("demo").innerHTML = res;
})();
<p id="demo"></p>
这显示了p标记中的代码，但我需要它显示在下面的代码
浏览 0提问于2018-10-03得票数 0
我在Backbone.js的主视图中渲染子视图，为了杀死缩放视图，我创建了一个公共函数：
function showView(view) {
if (view){
view.remove();
}
this.currentView = view;
this.currentView.render();
$("#column").html(this.currentView.el);
}
这里我调用showView()：
render : function(){
this.$el.html(mainTemplate);
v
浏览 0提问于2014-09-25得票数 0
我可以从java文件中调用javascript函数，也可以看到它的输出。
我使用下面的代码在警报中获取它，但不知道如何将它存储在java对象中。
target.appendJavascript("s=$('#signature').jSignature('getData')");
target.appendJavascript("alert(s)");
在html中，我导入了一个java脚本文件。"jSignature('getData')"是它内部的函数。
该jSignature实际返回的是用户签
浏览 16提问于2017-01-18得票数 0
我有一个js代码：
var id = document.getElementById("myDiv").getAttribute("data-id");
et="Your Message Here";
el="http://x2.xclicks.net/sc/out.php?s="+id+""
sl=new Array();
sn=new Array();
a="</a>"; af="<a target='_blank'";
functi
浏览 3提问于2012-08-02得票数 0
回答已采纳
我是Backbone.js的新手，刚刚开始学习它。我正在实现我现有网页的骨干。我已经创建了一个html div，它显示从xml文件中获取的内容。通常情况下，它工作正常，但是当我开始使用主干的模板和视图显示它时，它没有在我的page.Note上显示任何数据，这些数据已经编写了jQuery代码从xml文件中读取数据并以html div.So显示--请帮助我解决问题。到目前为止，我做了以下几件事：
这是我在“index.html”中的html：
<!-- start Cloud section-->
<center>
<section id=
浏览 2提问于2013-11-09得票数 0
回答已采纳
我正在尝试用其他.php文件中的图片制作一个自动幻灯片，为了实现这一点，我决定使用 jQuery插件。问题是这个插件不想通过“加载”其他文件来处理我的照片。
$('.first-option').click(function(){
$('.inner-box').load('file.php .rslides');
});
$(function() {
$("file.php .rslides").responsiveSlides();
});
*CSS/HTML的编写方式与作者在“用法”中所写的完全相同。
浏览 3提问于2015-09-29得票数 0
考虑一下这个设置：
function makeObj(a){
this.foo = 'bar';
this.prototype = a;
}
b = makeObj(document.getElementById('foo'));
document.getElementById('bar').appendChild(b);
这就产生了一个错误：
不能在层次结构“代码："3中的指定点插入节点
为什么会这样呢？对象b有一个有效的元素作为它的原型。它不应该起作用吗？
浏览 0提问于2012-01-07得票数 1
如果在将<script>放入文档的<head>中时使用HTML canvas绘制图形，则无法正常工作。例如：
<head>
<script>
var canvas = document.getElementById("myCanvas");
if(canvas.getContext("2d"))
var ctx = canvas.getContext("2d");
ctx.moveTo(0,0);
ctx
浏览 4提问于2017-01-29得票数 2
回答已采纳
我有一个HTML文件，其中我希望包含来自其他文件的HTML标记，例如：
子内容-1.html：<div>This is the <b>sub-content</b> that should be included</div>
我从这个答案中尝试了以下解决方案：
<object name="included" type="text/html" data="sub-content-1.html"></object>
以及：
<embed type="text/htm
浏览 3提问于2014-03-03得票数 2
我正在编写我的第一个基于的jQuery插件，我对此有一个问题。此特定示例向您展示如何将jQuery用作具有元素的方法，例如：
$("myelement").myfunction({title: blah});
但是，如果没有元素，我如何将其用作独立的函数呢？示例：
$.myfunction({title: blah});
当我这样做的时候，我得到了"$.myfunction不是一个函数“
谢谢!
编辑:当前代码：
(function( $ ){
$.fn.tasks = function( options ) {
var defaults = {
浏览 0提问于2011-08-15得票数 1
回答已采纳
我似乎不知道如何从我的html页面中的.js文件中调用函数。jquery的等价物在标题中：
$(document).someFunction();
但我在道场怎么做呢？我看上去很简单，但我搞不懂
谢谢!
浏览 0提问于2014-01-31得票数 0
回答已采纳
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Demo</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
var headings =
浏览 1提问于2013-06-19得票数 0
回答已采纳
2回答
我看到了一些类似的问题，但仍然不能理解。
$(function () {
var csrf = $('input[name=_token]').val();
$.ajax({
async: false,
url: "../public/currentfile",
dataType: 'json',
method:'POST',
data: {"_token": csrf},
comple
浏览 12提问于2016-01-13得票数 0
我正在使用arte for jquery通过ajax每10秒调用一个页面。它调用我的一个php页面，该php页面查询数据库并返回html代码。在html代码中有一些jquery调用。问题是，除非我在被调用的php文件中包含jquery脚本，否则这些调用不起作用。但这会导致调用php文件的主页上的jquery代码出现问题。基本上，我如何才能让通过ajax从页面返回html中的jquery正常工作？下面是调用php文件的代码：
$(document).ready(function(){
$.arte({'ajax_url':'ajax_list.php'
浏览 1提问于2010-10-22得票数 1
回答已采纳
我有这个代码
$(".insert").click(function(){
$(".insert").ajaxStop(function(){
$(".load").hide();
});
$(".insert").ajaxStart(function(){
$(".load").show();
});
$.ajax({
浏览 0提问于2009-06-16得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
