我正在重构一些旧的JavaScript代码,并且正在进行大量的DOM操作.
var d = document;
var odv = d.createElement("div");
odv.style.display = "none";
this.OuterDiv = odv;
var t = d.createElement("table");
t.cellSpacing = 0;
t.className = "text";
odv.appendChild(t);
我想知道是否有更好的方法来使用jQuery.我一直在尝试:
var odv = $.create("div");
$.append(odv);
// And many more
但我不确定这是否更好.
假设我有一个<div>我希望以浏览器的显示(视口)为中心.为此,我需要计算<div>元素的宽度和高度.
我该怎么用？请包含有关浏览器兼容性的信息
假设我有一些jQuery代码,它将事件处理程序附加到具有类"myclass"的所有元素.例如:
$(function(){
$(".myclass").click( function() {
// do something
});
});
我的HTML可能如下:
<a class="myclass" href="#">test1</a>
<a class="myclass" href="#">test2</a>
<a class="myclass" href="#">test3</a>
这没有问题.但是,请考虑是否在将来某个时间将"myclass"元素写入页面.
例如:
<a id="anchor1" href="#">create link dynamically</a>
<script type="text/javascript">
$(function(){
$("#anchor1").click( function() {
$("#anchor1").append('<a class="myclass" href="#">test4</a>');
});
});
</script>
在这种情况下,当用户点击#anchor1时会创建"test4"链接.
"test4"链接没有与之关联的click()处理程序,即使它具有class ="myclass".
知道如何解决这个问题吗？
基本上,我想编写一次click()处理程序,并将其应用于页面加载时出现的内容和稍后通过Ajax/DHTML引入的内容.
如何打印指定的div(无需手动禁用页面上的所有其他内容)？
我想避免使用新的预览对话框,因此使用此内容创建新窗口无用.
该页面包含几个表格,其中一个表格包含我要打印的div - 该表格采用网页的视觉样式设计,不应该以打印方式显示.
我需要使用哪些JavaScript来从iframe重定向父窗口？
我希望他们单击一个超链接,使用JavaScript或任何其他方法,将超级父窗口重定向到新的URL.
是否可以使用Javascript将CSS样式表导入html页面？如果是这样,怎么办呢？
PS javascript将托管在我的网站上,但我希望用户能够放入<head>他们网站的标签,并且它应该能够将我服务器上托管的css文件导入到当前的网页中.(css文件和javascript文件都将托管在我的服务器上).
所以我有这些复选框:
<input type="checkbox" name="type" value="4" />
<input type="checkbox" name="type" value="3" />
<input type="checkbox" name="type" value="1" />
<input type="checkbox" name="type" value="5" />
等等.大约有6个并且是手工编码的(即不是从数据库中提取的),因此它们可能会暂时保持不变.
我的问题是如何将它们全部放入数组中(在javascript中),因此我可以在$.post使用Jquery 发出AJAX 请求时使用它们.
有什么想法吗？
编辑:我只希望将选中的复选框添加到数组中
我想创建一个简单的JS代码,在后台创建一个图像元素,不显示任何内容.image元素将调用跟踪URL(例如Omniture),并且需要简单而强大,并且在IE 6 = <only中工作.这是我的代码:
var oImg = document.createElement("img");
oImg.setAttribute('src', 'http://www.testtrackinglink.com');
oImg.setAttribute('alt', 'na');
oImg.setAttribute('height', '1px');
oImg.setAttribute('width', '1px');
document.body.appendChild(oImg);
这是最简单但最健壮(无错误)的方法吗？
我不能使用像jQuery这样的框架.它需要是纯JavaScript.
我正在调用一个Web服务,它返回JSON中的对象数组.我想获取这些对象并使用HTML填充div.假设每个对象都包含一个url和一个名称.
如果我想为每个对象生成以下HTML:
<div><img src="the url" />the name</div>
这是最好的做法吗？我可以看到几种方法: