鱼C论坛

 找回密码
 立即注册
查看: 3543|回复: 10

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

[复制链接]
发表于 2020-5-19 18:07:03 | 显示全部楼层 |阅读模式
20鱼币
鱼油号,今天老师布置了一个js作业,我跟着老师敲的代码,不知道为什么老师可以实现,我这边实现不了,我观察了一下,js的内容没有显示到框架里,希望鱼油帮忙看一下。谢谢
第一个是html主页
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.                 <title>创建动态的iframe</title>
  5.                 <meta charset="UTF-8">
  6.                 <script src="script.js">
  7.                 </script>
  8.                 <link rel="stylesheet" href="script.css">
  9.         </head>
  10.         <body>
  11.                 <iframe src="iframe.html" name="icontent" id="icontent"></iframe>
  12.                 <h1>Main Content Area</h1>
  13.                 <h2>
  14.                         <a href="#">Link 1</a>
  15.                         <a href="#">Link 2</a>
  16.                         <a href="#">Link 3</a>
  17.                 </h2>
  18.         </body>
  19. </html>
复制代码

第二个是js文档
  1. var pafeCount = new Array(0,0,0,0);
  2. window.onload=initLinks;
  3. function initLinks(){
  4.         for(var i = 0;i<document.links.length;i++){
  5.                 document.links[i].onclick=writeContent;
  6.                 document.links[i].thisPage=i+1;
  7.         }
  8. }

  9. function writeContent(){
  10.         pageCount[this.thisPage]++;
  11.         var newText = "<h1>You are now looking at Example"+this.thisPage;
  12.         newText += "<br> You have been to this page";
  13.         newText += pageCount[this.thisPage]+"times.</h1>";
  14.         document.getElementById("icontent").contentWindow.document.body.innerHTML=newText;
  15.         return false;
  16. }
复制代码

第三个是css
  1. body{
  2.         background-color:#FFF;
  3. }
  4. iframe#icontent{
  5.         float:right;
  6.         border:1px solid black;
  7.         width:350px;
  8.         height:300px;
  9.         margin-top:100px;
  10. }
复制代码

第四个是链接的框架
  1. <!DOCTYPE html>
  2. <html>
  3.                 <head>
  4.                         <title>iframe动态</title>
  5.                         <meta charset="UTF-8">
  6.                 </head>
  7.                 <body>
  8.                         Please load a page.
  9.                 </body>
  10. </html>
复制代码
最佳答案
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协议下测试,就不会成功,会产生跨域问题,见下面的图

最佳答案

查看完整内容

代码没啥问题 就是有一个拼写错误:var pafeCount = new Array(0,0,0,0); 关键点在于,你是如何运行并测试主HTML的 1、如果你是在B/S方式下 测试 就不会有问题 见上面的图 2、如果你是在file协议下测试,就不会成功,会产生跨域问题,见下面的图
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

发表于 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协议下测试,就不会成功,会产生跨域问题,见下面的图

443322.png
12345.png
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

发表于 2020-5-19 18:22:40 From FishC Mobile | 显示全部楼层
第四个,链接的框架是个什么鬼
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

 楼主| 发表于 2020-5-19 19:18:23 | 显示全部楼层
wp231957 发表于 2020-5-19 18:22
第四个,链接的框架是个什么鬼

<iframe src="iframe.html" name="icontent" id="icontent"></iframe>就是这个,在页面中显示一个小的html页面,你可以运行试试
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

发表于 2020-5-20 09:29:49 | 显示全部楼层
年少的梦想 发表于 2020-5-19 19:18
就是这个,在页面中显示一个小的html页面,你可以运行试试

你想实现啥功能,是不是点击那三个HREF  就实现????
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

 楼主| 发表于 2020-5-20 13:15:11 | 显示全部楼层
wp231957 发表于 2020-5-20 09:29
你想实现啥功能,是不是点击那三个HREF  就实现????

嗯嗯,就是点那三个Link 然后旁边那个框架显示次数
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

 楼主| 发表于 2020-5-20 15:09:01 | 显示全部楼层
wp231957 发表于 2020-5-20 14:39
代码没啥问题
就是有一个拼写错误:var pafeCount = new Array(0,0,0,0);

谢谢了,。我在IE打开就可以了,想再问一下,大佬你js怎么学的?或者说看的什么书,视频,
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

发表于 2020-5-20 15:16:20 From FishC Mobile | 显示全部楼层
年少的梦想 发表于 2020-5-20 15:09
谢谢了,。我在IE打开就可以了,想再问一下,大佬你js怎么学的?或者说看的什么书,视频,

B站视频,基本想学啥都有,
高大上的需要花银子的,要是舍不得
那低端普及一类的,狠多
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

 楼主| 发表于 2020-5-20 19:29:59 | 显示全部楼层
wp231957 发表于 2020-5-20 15:16
B站视频,基本想学啥都有,
高大上的需要花银子的,要是舍不得
那低端普及一类的,狠多

嗯。花银子的有推荐吗?
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

发表于 2020-5-20 19:38:51 From FishC Mobile | 显示全部楼层
年少的梦想 发表于 2020-5-20 19:29
嗯。花银子的有推荐吗?

哈哈,木有,从来都是白嫖
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

 楼主| 发表于 2020-5-21 08:17:06 | 显示全部楼层
wp231957 发表于 2020-5-20 19:38
哈哈,木有,从来都是白嫖

好的好的,谢谢了
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2025-4-18 05:48

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表