facejava
苍梧老牛
2009-10-22 20:36

使用jquery从一个页面加载另外一个页面的问题

已采纳

有两个页面(网站后台,纯css + div + js,没有使用frameset),[b]一个index.html页面,页面有三个部分组成[/b]
[code="java"]


<!-- end of header-->


<!-- end of left-->

<!-- end of right-->

<!-- end of body-->[/code]

[b]Header部分是Menu; left部分是submenu,right部分是显示内容栏.[/b]
另外一个页面是add.html,它同index.html不在同一个目录中.其内容将在right中显示.

Index.html的操作步骤是这样的,点击menu中的相应的菜单将在left中显示子菜单,点击子菜单,将在right中显示相应的页面如add.html.

当前完成的工作是,使用jquery,完成了菜单的联动(load, show ,hide), 点击子菜单也能在right中显示内容,

我的问题是:
[color=red]当我的页面add.html不使用连接的js文件,只使用内嵌js时,显示内容是没有问题的,但当我使用外联的的js时内容显示不出来.同样css文件也是这样的,请问在jquery需要进行怎样的操作才能正确显示内容啊?[/color][size=large][/size]

[b]问题补充:[/b]
谢谢回答,对iframe还不是很熟悉,明天再研究一下.

补充一下:
实际上,在add.html中将加载富文本编辑器(如xheditor,Kindeditor),如果将js连接和js代码放入add.html中,在地址栏中直接加载add.html文件是可以运行的.
[b]问题补充:[/b]
[size=large]根据测试,直接将需要的js文件和css文件加到index.html中,从add.html中是不能使用js和css的.

[b]问题补充:[/b]
谢谢大家 使用iframe是可以加载的,我上面说的不清楚,上面是没有使用iframe的.
目前使用iframe作为临时解决方案,等有时间在试一试其它的方式.
非常感谢!!!

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

6条回答

  • JimJin JimJin 12年前

    产生你这情况是因为不用iframe时,一个页面下的css js 及所有对象多是共享的,用不用Ajax都是如此.

    点赞 评论 复制链接分享
  • JimJin JimJin 12年前

    [quote]根据测试,直接将需要的js文件和css文件加到index.html中,从add.html中是不能使用js和css的. [/quote]

    不是iframe 是可以的,是iframe 就不能直接用,要先top.xxx

    点赞 评论 复制链接分享
  • lhx222 成尚謙 12年前

    [quote]根据测试,直接将需要的js文件和css文件加到index.html中,从add.html中是不能使用js和css的[/quote]

    你的add.html里面不要html以及body标签,它不是一个完整的HTML DOM

    点赞 评论 复制链接分享
  • JimJin JimJin 12年前

    但是Ajax它就不支持外部引用了,它是局部加载(就是说是某一个页面的一部分,原则上它返回的数据,不包含html title head body 等标签), 而iframe就不一样了,它相当于再地址栏另打开一个也,它是独立的.

    如是xheditor,Kindeditor,你只要把他们用到的js css 引用加到index.html页,如果没有冲突不就完事啦,也不用iframe了

    点赞 评论 复制链接分享
  • lhx222 成尚謙 12年前

    定义的CSS和js都写在index.html里面,使用Jquery你可以在add.html中执行js脚本。

    index.html:
    [code="java"]
    ...

    function execJS() { alert('KKK'); } ...

    [/code]

    add.html:
    [code="java"]

    add页面内容
    //这里的脚本会执行 execJS();

    [/code]

    点赞 评论 复制链接分享
  • JimJin JimJin 12年前

    你没有使用 frame 想必是使用Ajax加载add.html
    Ajax 加载时, css js引用是无效的,
    你可以吧css js先加到index.html
    或者改为iframe 加载add.html

    在或者动态加载js到index.html + Ajax
    [url]http://www.iteye.com/topic/147810[/url]

    点赞 评论 复制链接分享

相关推荐