[已解决]关于js的一个问题

年少的梦想 · 发表于 2020-5-19 18:07:03

鱼油号，今天老师布置了一个js作业，我跟着老师敲的代码，不知道为什么老师可以实现，我这边实现不了，我观察了一下，js的内容没有显示到框架里，希望鱼油帮忙看一下。谢谢
第一个是html主页

<!DOCTYPE html>
<html>
        <head>
                <title>创建动态的iframe</title>
                <meta charset="UTF-8">
                <script src="script.js">
                </script>
                <link rel="stylesheet" href="script.css">
        </head>
        <body>
                <iframe src="iframe.html" name="icontent" id="icontent"></iframe>
                <h1>Main Content Area</h1>
                <h2>
                        <a href="#">Link 1</a>
                        <a href="#">Link 2</a>
                        <a href="#">Link 3</a>
                </h2>
        </body>
</html>

第二个是js文档

var pafeCount = new Array(0,0,0,0);
window.onload=initLinks;
function initLinks(){
        for(var i = 0;i<document.links.length;i++){
                document.links[i].onclick=writeContent;
                document.links[i].thisPage=i+1;
        }
}

function writeContent(){
        pageCount[this.thisPage]++;
        var newText = "<h1>You are now looking at Example"+this.thisPage;
        newText += "<br> You have been to this page";
        newText += pageCount[this.thisPage]+"times.</h1>";
        document.getElementById("icontent").contentWindow.document.body.innerHTML=newText;
        return false;
}

第三个是css

body{
        background-color:#FFF;
}
iframe#icontent{
        float:right;
        border:1px solid black;
        width:350px;
        height:300px;
        margin-top:100px;
}

第四个是链接的框架

<!DOCTYPE html>
<html>
                <head>
                        <title>iframe动态</title>
                        <meta charset="UTF-8">
                </head>
                <body>
                        Please load a page.
                </body>
</html>

最佳答案

月排行榜 / 总排行榜

wp231957

2020-5-19 18:07:04

本帖最后由 wp231957 于 2020-5-20 14:40 编辑

年少的梦想发表于 2020-5-20 13:15
嗯嗯，就是点那三个Link 然后旁边那个框架显示次数

代码没啥问题
就是有一个拼写错误：var pafeCount = new Array(0,0,0,0);

关键点在于，你是如何运行并测试主HTML的
1、如果你是在B/S方式下测试就不会有问题见上面的图

2、如果你是在file协议下测试，就不会成功，会产生跨域问题，见下面的图

跳转到最佳答案楼层

wp231957 · 发表于 2020-5-19 18:07:04

这个最佳答案由 wp231957 给出，感谢 wp231957 的回答。

单击隐藏图章

本帖最后由 wp231957 于 2020-5-20 14:40 编辑

年少的梦想发表于 2020-5-20 13:15
嗯嗯，就是点那三个Link 然后旁边那个框架显示次数

代码没啥问题
就是有一个拼写错误：var pafeCount = new Array(0,0,0,0);

关键点在于，你是如何运行并测试主HTML的
1、如果你是在B/S方式下测试就不会有问题见上面的图

2、如果你是在file协议下测试，就不会成功，会产生跨域问题，见下面的图

wp231957 · 发表于 2020-5-19 18:22:40

第四个，链接的框架是个什么鬼

年少的梦想 · 发表于 2020-5-19 19:18:23

wp231957 发表于 2020-5-19 18:22
第四个，链接的框架是个什么鬼

wp231957 · 发表于 2020-5-20 09:29:49

年少的梦想发表于 2020-5-19 19:18
就是这个，在页面中显示一个小的html页面，你可以运行试试

你想实现啥功能，是不是点击那三个HREF 就实现？？？？

年少的梦想 · 发表于 2020-5-20 13:15:11

wp231957 发表于 2020-5-20 09:29
你想实现啥功能，是不是点击那三个HREF 就实现？？？？

嗯嗯，就是点那三个Link 然后旁边那个框架显示次数

年少的梦想 · 发表于 2020-5-20 15:09:01

wp231957 发表于 2020-5-20 14:39
代码没啥问题
就是有一个拼写错误：var pafeCount = new Array(0,0,0,0);

谢谢了，。我在IE打开就可以了，想再问一下，大佬你js怎么学的？或者说看的什么书，视频，

wp231957 · 发表于 2020-5-20 15:16:20

年少的梦想发表于 2020-5-20 15:09
谢谢了，。我在IE打开就可以了，想再问一下，大佬你js怎么学的？或者说看的什么书，视频，

B站视频，基本想学啥都有，
高大上的需要花银子的，要是舍不得
那低端普及一类的，狠多

年少的梦想 · 发表于 2020-5-20 19:29:59

wp231957 发表于 2020-5-20 15:16
B站视频，基本想学啥都有，
高大上的需要花银子的，要是舍不得
那低端普及一类的，狠多

嗯。花银子的有推荐吗？

wp231957 · 发表于 2020-5-20 19:38:51

年少的梦想发表于 2020-5-20 19:29
嗯。花银子的有推荐吗？

哈哈，木有，从来都是白嫖

年少的梦想 · 发表于 2020-5-21 08:17:06

wp231957 发表于 2020-5-20 19:38
哈哈，木有，从来都是白嫖

好的好的，谢谢了

账号		自动登录	找回密码
密码			立即注册