Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在Javascript/Html中划分四个嵌套项_Javascript_Jquery_Nested - Fatal编程技术网

在Javascript/Html中划分四个嵌套项

在Javascript/Html中划分四个嵌套项,javascript,jquery,nested,Javascript,Jquery,Nested,好吧,这让我非常沮丧。我最近用JS为我的一个朋友编写了一个页面,他想向一个家庭展示结婚照,看看他们想买什么 我使用for循环来计算1-904: for (beginnum=1;beginnum<=904;beginnum++) { yada yada... for(beginnum=1;beginnum尝试一次构建一个字符串,而不是为document.write构建整个文本 当事情变得太复杂而无法跟进时,一次只做一部分 var s; s = "'Hello.' "; s += '"I

好吧,这让我非常沮丧。我最近用JS为我的一个朋友编写了一个页面,他想向一个家庭展示结婚照,看看他们想买什么

我使用for循环来计算1-904:

for (beginnum=1;beginnum<=904;beginnum++) { yada yada...

for(beginnum=1;beginnum尝试一次构建一个字符串,而不是为document.write构建整个文本

当事情变得太复杂而无法跟进时,一次只做一部分

var s;

s = "'Hello.' ";
s += '"I must be going."';
也许这会奏效

for (i=0; i<904;i++)
{
    document.write("<div class=\"DivClassName\"><img src=\"pictures_" + i + "thumb.jpg\" onclick=\"OpenAWindowAndDisplayTheBigPhoto(" + i + ")\"></div>");
}

for(i=0;i如果没有看到代码,很难说是事实,但您可能希望更多地利用javascript是一流语言这一事实,因此您可以创建函数并将其作为参数传递给其他函数,或者让函数返回函数

通过这样做,您可以将页面分解为听起来更易于管理的内容

另外,利用onclick事件


我认为,您应该能够简化javascript,从而避免这个问题。

您只需在代码前面加上4个空格;)第一部分不起作用,斜杠只是让浏览器将引号从字面上理解为字符串的一部分,而不是分隔符。现在,第二部分是一个有趣的想法。我需要绑定onClick处理程序,但如果我像那样分解代码片段,我可能只需要“and”就可以了“。虽然已经很晚了,但我肯定会在明天出城之前尝试。谢谢你的想法。~Z~太棒了。我让它更简单一些,没有创建新元素,但我在代码中非常依赖img.src行和a.href行。一点错误都没有!
document.write("<a href='javascript:void(0); onClick=
var s;

s = "'Hello.' ";
s += '"I must be going."';
for (i=0; i<904;i++)
{
    document.write("<div class=\"DivClassName\"><img src=\"pictures_" + i + "thumb.jpg\" onclick=\"OpenAWindowAndDisplayTheBigPhoto(" + i + ")\"></div>");
}
var mainDIV = document.getElementByID("mainDIV");
var div, img, a;
for (i=0; i<904; i++)
{
   div = document.createElement("DIV");
   div.className = "DivClassName";
   a = document.createElement("A");
   a.href = "javascript:void(0)";
   a.onclick = function() {OpenAWindowAndDisplayTheBigPhoto(i);};
   img = document.createElement("IMG");
   img.src = "pictures_" + i + "thumb.jpg";
   mainDIV.appendChild(div);
   div.appendChild(a);
   a.appendChild(img);   
};