个人中心
文章发布
退出
作者热门文章
- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
28
4
我通过 JQuery 对大量元素执行 javascript 转换的常规方式:
<div class="cow"></div>
<script> $(".cow").doStuff() </script>
但是，此操作非常脆弱:它假设页面只加载一次。一旦开始使用 Ajax 和部分重新加载，这种全局转换就会完全崩溃。如果服务器想要根据某些服务器端数据对每个元素进行不同的转换，它也不起作用。
我知道实际的onload非 body 事件元素不起作用。一种解决方案是为所有元素提供 ID/类并使用 JQuery 立即引用它们:
<div id="cow"></div>
<script> $("#cow").doStuff() </script>
但是，那真的很乱；我一点也不喜欢它，部分原因是我赋予 ID 的每个元素都会污染全局 I 命名空间。我目前正在为该元素提供一个有效的不可碰撞 ID
<div id="id877gN0icYtxi"></div>
<script> $("#id877gN0icYtxi").doStuff() </script>
基于随机 base64 数字。然而，这一切似乎都是一个巨大的破解:我可以给出元素 onclick s 和 onmousedown s 等非常简单地使用它们各自的属性，然后调用一个函数来转换给定的 this .
现在，我知道onload不起作用。但是，有没有办法模拟它的功能呢？具体来说，我希望能够使用 this 运行引用特定标签的 javascript 代码。无需为标签分配 ID。
编辑:本质上我想要类似的东西
<input onclick="alert('moo')"/>
但是对于oncreate；我当前的用例是填写 input或 textarea带有文字，我目前正在做:
<input id="id877gN0icYtxi"/>
<script>$("#id877gN0icYtxi").val(...)</script>
哪里...对于每个输入框都是不同的，因此不能使用“全局”jquery 转换轻松完成。另一方面，我不能只设置 value或 input 的属性当我创建它时，它可能是一个 textarea ，我不知道。我想做类似的事情:
<input onload="$(this).val(...)"/>
这行不通，但我希望它行得通。同样，...由服务器设置并且每个 input 都不同页面上的标记。
编辑2:
我很清楚小时 JQuery 通常用于以相同的方式对大量元素执行整个文档转换。问题在于，在这种情况下，每个元素都以特定于该元素的方式进行转换，由服务器指定。具体用例是每个字段的内容由 $().val() 预先填写，自然每个字段都会填入不同的内容。为每个元素赋予一个唯一 ID 并使用 JQuery 进行全局搜索以再次找到该元素似乎是一种令人难以置信的迂回方式，当然，当您在页面中开始 Ajaxing 部分时会中断出。
编辑3:
简而言之，我希望能够写作
<div onload="javascriptFunction(this)"/>
并且有javascriptFunction()在 <div> 时运行已创建(无论是在初始页面上还是通过 ajax 插入)并传递给 <div>作为参数。正如onclick会运行javascriptFunction()与 <div>作为单击 div 时的参数，我希望发生同样的事情，但是当 <div>被创建/插入到 DOM 中。
我愿意接受 <head> 中的任何数量的设置脚本为了做到这一点。由于上述原因，我不愿意添加任何<script> <div> 之后的标签，或添加 class或 id到 <div> .鉴于这些限制，模拟 onload 的最佳方法是什么？非主体元素的属性？
最佳答案
在 DOM 规范中没有这样的 onload 事件，但是 DOM Level 2 规范提供了 Mutation event types , 以允许通知文档结构的任何更改，包括 attr 和文本修改，目前只有现代浏览器支持此类事件，并且它在 Internet Explorer 9 中存在错误!
但是您可以使用 DOMNodeInserted 事件 来监视文档的任何更改:
$(document).live("DOMNodeInserted", function(e){
$(e.target).val(...);
});
你应该小心使用 Mutation 事件，至少尝试更新!根据 W3C:
Mutation event types has not yet been completely and interoperably implemented across user agents, A new specification is under development with the aim of addressing the use cases that mutation events solves, but in more performant manner.
我想如果你用谷歌搜索这个问题，你可能会找到一些跨浏览器/jquery 插件，以防万一，这些链接可能会有帮助:
https://developer.mozilla.org/en/DOM/Mutation_events
http://help.dottoro.com/ljfvvdnm.php#additionalEvents
http://help.dottoro.com/ljmcxjla.php
关于javascript - HTML:onload 非 body 元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10081689/
28
4
0
所以我想隐藏一个div，所以我有我的代码 function hide(){hide div code} document.onload = hide(); 不起作用。 window.onload =
我有一个外部 js 文件，它有一个函数，该函数旨在在文档正文加载后运行。这是我到目前为止所拥有的，但它并没有像它应该的那样工作。请一些帮助。 外部JS文件 window.document.body.a
我觉得这很有趣。考虑以下代码， window.onload 和 body onload=""调用相同的函数。但是，结果不同。在我看来，window.onload 的集合有问题。这是代码:
我多次在链接上使用 Shadowbox，我知道 href 指示 Shadowbox 像这样在框中加载什么页面: 但是，我现在需要在用户进入页面时立即显示一个阴影框。不是onclick，而是onloa
我正在制作一个页眉和页脚不变的网站。单击站点时，主 div 会更改。这是代码: Item 1 ... $("#item").click(function(){$("#main").load("i
我在网页中有 2 个函数 (js) 用于将图像附加到 Canvas 元素: function attachImage(tile, x, y) { base_image = new
首先向大家问好。我是 jquery 的新手，并且在学习曲线上。 我的脚本是这样的: $(function () { $('#content').find('#nav a').on('click'
我今天遇到了一个奇怪的错误。我有一个简单的用户脚本，它添加了一个 window.onload事件到所有网站。但是其中一个网站有一个 定义。发生的事情是 window.onload像往常一样工作但是安装
今天我遇到了一个奇怪的问题: window.onload 在引用名为 onload 的函数时似乎不会触发。 我以前从未注意到这一点: 测试 1: window.onload=onload; funct
假设你想用 JS 把一个元素变成蓝色，像这样: Boy, I sure do wish I was blue 上面的行不起作用，因为 this 以该上下文中的 window 对象为目标。您可以使用 I
我的问题与此处提出的问题类似，但又略有不同，window.onload vs 那道题是用 window.onload 和内联 js 的对比。 我的问题是下面的区别。假设正文标签的 ID 为“body
window.onload事件和body标签的onload事件到底有什么区别？我什么时候使用哪个以及如何正确使用？ 最佳答案 window.onload = myOnloadFunc和 是使用同一事件
哪个得到更广泛的支持:window.onload 或 document.onload？ 最佳答案 他们什么时候开火？ window.onload 默认情况下，它会在整个页面加载时触发，包括其内容(图像
之间有什么区别: window.onload = someFunction; window.onload = someFunction(); 括号在最后。它们有什么不同吗？ 我们一般使用第一个!如果我
在 this question 的答案中，我们读到 function f() {}在本地定义名称，而 [var] f = function() {}全局定义它。这对我来说很有意义，但是这两个声明之间存
当我将索引值传递给 onLoad() 时，因此当它开始在后台运行时，它将使用索引值来索引数组。问题是，从表面上看，当 onLoad() 开始运行时，它引用的索引值始终是最后一个索引。 我尝试将每个请求
假设我有这个页面: Hello, world! test.html 包含以下内容: huge.png由于某种原因是100mb。 我无法控制 test.html，但我必须在我的页面中包含 ifram
我正在做以下工作。如果启用了 js，它基本上会通过 ?answer=1。在我添加 onload 参数之前它一直有效(因为我希望这在没有用户触发的情况下发生)。但是，添加 onload 似乎会停止(否则
我可以同时使用body onload和window.onload吗？我已经使用此代码尝试过 window.onload = alertSec; 但是没有成功。我只是需要有人向我确认一下
我可以同时使用body onload和window.onload吗？我已经使用此代码尝试过 window.onload = alertSec; 但是没有成功。我只是需要有人向我确认一下
我是一名优秀的程序员,十分优秀！