div js搭建网页框架不要Iframe效果如图
发布网友
发布时间:2022-04-29 02:32
我来回答
共3个回答
热心网友
时间:2022-04-19 07:25
这么多导航内容,推荐使用ajax,这样div的数量就不需要很多了,
当点击最上面的导航栏,就改变左边div里面的html
点击左边的就改变右边的div内容追问ajax不是很懂啊,求简短代码一段!
追答
需要使用jQuery,需要导入jQuery文件
首先给导航栏加上click,
例如导航1的id是“d1”,左边的div的id是d2代码,实现如下
$("#d1").click(function(){
$.ajax({
$("#d2").innerHTML("这里面是d2的html代码");
});
});
通了,导航2也可以这样写,你可以看看jQuery选择器,使用得当的话可以用较少的代码达到效果
热心网友
时间:2022-04-19 08:43
这个 用JS调用 div的显示和隐藏的CSS代码 就能做到。就是调用display追问你意思是所有的div都列出,只是全都display为none,点击哪个,哪个就为block?你没懂我意思,我是要调用网页,就像ajax,在当前一级导航下可以显示本导航下的二级菜单,那其他一级导航下的二级菜单你怎么弄?所以我的意思是点击了相应的导航,在内容区加载对应的内容
热心网友
时间:2022-04-19 10:18
ajax可以在不刷新页面的情况下动态改变内容的
用div+css代替iframe
可以通过添加div层的方式,设置z-index属性,就不需要使用iframe调用新页面了。一个页面就是很多个层组合成的,一开始是display:none;隐藏状态,通过某个事件,使其显示display:block;即可。参数传递也更方便。
div js搭建网页框架不要Iframe效果如图
当点击最上面的导航栏,就改变左边div里面的html 点击左边的就改变右边的div内容
用div+css代替iframe
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>鼠标点击左侧,右侧显示内容</title> <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript"> (...
什么能代替IFRAME做浮动画中画框架?
可以用 JS 控制 DIV 的 display 实现 显示/隐藏 效果 而DIV本身就是一容器 里面什么元素都可以放的`
怎样用js在div中显示外部网页 (急用,谢谢各位高手)
框架,在div中放一个框架,用js动态改变框架的src。关键代码:<script type="text/javascript"> function resetsrc(id){ if(id>0){ var src="List.aspx?type="+id.toString();document.getElementById("u_frames").src=src;var obj=document.getElementById("DropDownList1");var txt;for(i=...
外面的网页嵌入除了iframe除外还有没其它方式。
HTML没有类似功能的标签,你可以 1.新建个JS文件,用document.write("<div>这是页面头部信息</div>")这样吧你要写的HTML输出来,然后在页面中要放这些HTML的地方引用这个JS文件 2.如果你用DW软件编辑的话,可以建个模板页,把头尾固定,中间设成可编辑区域 ...
html中嵌套另外一个html页,不用iframe,用div,span等容器。
我前几天做的一个是用iframe实现的,object也一样,有人说用js可以实现这个我没弄出来,嵌入网页的css和js就直接放到独立文件然后在网页内link一下或放到html头就好用
js关闭iframe中的子界面
iframe放在一个DIV中 设一个id var iframeDiv=document.getElementById("DivId");document.body.removeChild(iframeDiv);
js 隐藏 IFRAME 子页面的div 层内容
function displays(){ document.getElementById("iframeA").contentWindow.document.getElementById("aa").style.display = "none";}
如何div标签内嵌入外部网页
目前,嵌入外部网页的方式,主要有3种:iframe方式:<div><iframe src="xxx.jsp"></iframe> ajax方式:<div id=“externalHtml"></div> ajax加载数据后,直接赋予 externalHtml.innerHTML 即可。script脚本方式:<div><script src="xxx.js" type="text/javascript"></script></div> 以上三种方式...