|
20鱼币
鱼油号,今天老师布置了一个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-20 14:40 编辑
代码没啥问题
就是有一个拼写错误:var pa feCount = new Array(0,0,0,0);
关键点在于,你是如何运行并测试主HTML的
1、如果你是在B/S方式下 测试 就不会有问题 见上面的图
2、如果你是在file协议下测试,就不会成功,会产生跨域问题,见下面的图
|
最佳答案
查看完整内容
代码没啥问题
就是有一个拼写错误:var pafeCount = new Array(0,0,0,0);
关键点在于,你是如何运行并测试主HTML的
1、如果你是在B/S方式下 测试 就不会有问题 见上面的图
2、如果你是在file协议下测试,就不会成功,会产生跨域问题,见下面的图
|