嵌入页面的几种方法

前端蜗牛君 前端蜗牛君 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 1.3w累计阅读 1.3w+平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄10年
关注
转载 最新推荐文章于 2026-06-11 15:24:07 发布 1.3w 阅读 AI 写同款· GEO 优化 ›
Vue中嵌入原生HTML页面 但是vue目前暂时没找到有类似功能相关文档，所以我采用iframe嵌套的方式。在mounted生命周期中去绑定具体Iframe的页面。在mounted中加监听事件，并配上处理监听对象的方法。在data中定义一个iframe绑定的页面的对象。在method中定义方法，用于处理监听的事件。在html中接收vue端传过来的值。发送信息到iframe页面。html页面中的代码。 阅读详情

一．应用框架技术 
---- 要在宿主页面中嵌入外部页面的方法是，在宿主页面中包含外部页面的位置插入“< IFRAME name="XXX" width=X height=X frameborder=0 src="XXX.htm" >< /IFRAME >”语句即可(注意: < IFRAME >标签中的各种属性含义请查阅相关技术手册)。

---- 如果想在嵌入的外部页面过长时不出现滚动条，在外部文件< body >标签中加入“scroll=no”或者在宿主页面< IFRAME >标签中加入“scrolling=no”即可。

---- 但这样做会出现一个问题，就是宿主页面和外部页面背景色不同，这样会给人造成页面不是一个整体的感觉。这时，只要在引入的外部文件中使用和宿主页面相同的背景色就可以解决这一问题。注意，如果您使用的是IE 5.5或以上版本的话，直接在标签< IFRAME >内设置属性allowTransparency="true"(即框架背景透明)即可。

---- 在应用框架技术时，为什么不使用框架页面(即< FRAMESET >)呢？现在有很多网站是通过使用框架页面来分割版面的，并达到了统一网站整体风格的目的，但笔者的体会是框架页面的操作灵活性较差，不像内建框架(即< IFRAME >)这样可以在宿主页面中的任何位置插入。

二．使用Scriptlets组件技术

---- 应用这种技术的方法是在宿主页面中包含外部页面的位置插入“< OBJECT style="border: 0px" type="text/x-scriptlet" data="XXX.htm" width=X Height=X >< /OBJECT >”语句即可(注意: < OBJECT >标签中的各种属性含义请查阅相关技术手册)。

---- 在IE 5.0及以后版本中，scriptlets和Html组件(HTCs)被重新命名为Windows脚本编程组件(WSC)，其特点类似于上文所讲的框架技术。它有自己的不透明方形区域，并覆盖在宿主页面上，因此不能很平滑地用于具有纹理背景的宿主页面中，其工作方式类似于ActiveX控件，具有自己独立的事件、方法和属性。

三．使用脚本文件技术

---- 我们知道document.write方法可以在宿主页面中输出内容，这样就可以通过在宿主页面中引入外部脚本文件来达到嵌入外部页面的目的。方法是在宿主页面中包含外部页面的位置插入“< SCRIPT language="JavaScript" src="import.js" >< /SCRIPT >”，然后对外部页面进行改造，将每一行内容写入document.write中，并另外保存在扩展名为js的新文件中。

---- 这种方法的特点是外部页面不具有自己的方形区域，和宿主页面浑然一体，但由于外部页面内容全部写在脚本中，无法做到所见即所得，必须等到脚本运行时才能看到实际效果，这样就为修改调试增加了困难。

四．使用内置行为技术

---- 在IE 5.0及以后版本，引入了一项被称为“DHTML行为”的新功能，并在其中内置了许多默认行为。当将一种行为应用于宿主页面上的标准HTML元素时，它可以增强该元素的默认功能，并提供该行为中定义的任何新方法、属性或事件。其实大家对行为技术并不陌生，微电脑世界2001年18期的《主页加入收藏设置面面观》一文就提到了利用IE中内置的homepage行为技术进行主页设置的方法。我们同样可以利用IE 5.0内置的download行为，来达到在宿主页面中嵌入外部页面的目的，其代码如下。

[javascript]  view plain  copy
 print ? 在CODE上查看代码片 派生到我的代码片
  1. <span id="outHTML"></span>  
  2. <IE:Download ID="ieDownload" STYLE="behavior:url(#default#download)" />  
  3. <script>  
  4. function onDownloadDone(downDate){  
  5. outHTML.innerHTML=downDate  
  6. }  
  7. ieDownload.startDownload('../static/article.htm',onDownloadDone)  
  8. </script>  


---- 其原理就是使用download行为提供的startDownload方法下载一个外部文本文件，并将文件中的文本内容作为参数传递给onDownloadDone函数，然后再由该函数对文本内容进行处理，在本例中是作为showImport对象的内容显示出来。如果在函数中对文本内容做相应的处理，并与相关技术结合，如XML，就可以实现更为复杂的功能。

---- 这种方法使得外部页面不再具有自己的方形区域，和宿主页面浑然一体; 提供了更大的灵活性，通过使用对象的innerHtml属性可以真正做到在宿主页面的任何位置插入外部文件内容; 修改简单，只须用可视网页编辑软件(如FrontPage 2000)将外部页面修改即可轻松改变网站整体风格。可以说这是在宿主页面中嵌入外部页面的最好方法 (注: 以上代码在Windows 98 SE/IE 5.0中测试通过)。

 

 

网页设计特效实用代码
2007-10-18 17:16
在线制作icon图标
http://www.chami.com/html-kit/services/favicon/

进入主页以后自动播放声音 
<embed src="http://你的网站/music.rm" hidden=true autostart=true loop=true> 

进入主页后自动最大话,省的去在自己单击了 
<script> 
self.moveTo(0,0) 
self.resizeTo(screen.availWidth,screen.availHeight) 
</script> 

显示现在时间的脚本 
<script language=vbscript>document.write now</script> 

显示最后修改时间的脚本 
<script>document.write(document.lastModified)</script> 

设为首页,加为收藏，加入频道,启动outlook发信 
<a style="cursor:hand"　
onclick="this.style.behavior="url(#default#homepage)"; 
this.setHomePage("yourURL">设为首页</a> 

<a style="cursor:hand" 
onclick="window.external.AddFavorite(location.href,document.title);">加入收藏</a> 

<a href=javascript:window.external.addChannel("typhoon.cdf")>加入频道</a> 

<a href="youEmail">与我联系</a>

Flash中在按钮上如何加“设为首页”“加入收藏”？action怎么写啊？

[javascript]  view plain  copy
 print ? 在CODE上查看代码片 派生到我的代码片
  1. on (release) {  
  2. getURL("javascript:void(document.links[0].style.behavior='url(#default#homepage)');void document.links[0].setHomePage('84design.com/" target="_blank">http://www.84design.com/');", "_self");  
  3. }  



加入收藏：
[javascript]  view plain  copy
 print ? 在CODE上查看代码片 派生到我的代码片
  1. on(release) {  
  2. getURL("javascript:window.external.AddFavorite('84design.com/" target="_blank">http://www.84design.com/','E佳工作室')");  
  3. }  


状态栏动态显示现在时间  
[javascript]  view plain  copy
 print ? 在CODE上查看代码片 派生到我的代码片
  1. <script>  
  2. function see(){  
  3. window.setTimeout("see()",1000);  
  4. today = new Date();  
  5. self.status = today.toString();  
  6. }  
  7. </script>  
  8. <body onload=see()>   



关闭窗口的脚本  
[javascript]  view plain  copy
 print ? 在CODE上查看代码片 派生到我的代码片
  1. <a href=javascript:close()>[关闭窗口]</a>   



窗口定时关闭  
先将如下代码网页文件的<head></head>区：
　
[javascript]  view plain  copy
 print ? 在CODE上查看代码片 派生到我的代码片
  1. <script language="JavaScript">  
  2. 　function closeit() { setTimeout("self.close()",10000) //毫秒 }  
  3. 　</script>  


然后再在<body></body>标内加入如：<body onload="closeit()"> 

网页自动关闭
 　
[html]  view plain  copy
 print ? 在CODE上查看代码片 派生到我的代码片
  1. <html>  
  2. 　<head>  
  3. 　<object id=closes type="application/x-oleobject"  
  4. 　classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">  
  5. 　<param name="Command" value="Close">  
  6. 　</object>  
  7. 　</head>  
  8. 　<body onload="window.setTimeout('closes.Click()',10000)">  
  9. 　这个窗口会在10秒过后自动关闭,而且不会出现提示.  
  10. 　</body>  
  11. 　</html>  



按下F12键,直接返回首页  
[javascript]  view plain  copy
 print ? 在CODE上查看代码片 派生到我的代码片
  1. <script>function look(){  
  2. if(event.keyCode==123){document.location.href=http://www.wowo-design.com/}  
  3. }  
  4. if(document.onkeydown==null)  
  5. {document.onkeydown=look}  
  6. </script>  



后退,刷新,前进
[html]  view plain  copy
 print ? 在CODE上查看代码片 派生到我的代码片
  1. <input type=button value=后退 onclick=history.go(-1)>  
  2. <input type=button value=刷新 onclick=history.go(-0)>  
  3. <input type=button value=前进 onclick=history.go(+1)>   



设定时间弹出窗口,4000=4秒,当然你可以自定义
[javascript]  view plain  copy
 print ? 在CODE上查看代码片 派生到我的代码片
  1. <script>function l() {  
  2. window.open("yourURL","name","width=500,height=150,border=0")  
  3. }  
  4. setTimeout("l()",4000)  
  5. </script>  



随机替换图片                                                                                                                              <script>
[javascript]  view plain  copy
 print ? 在CODE上查看代码片 派生到我的代码片
  1. 　document.write('<img src="img/'+parseInt(Math.random()*(5))  
  2. 　+'.gif"height="40" width="50">')  
  3. </script>  



图片文件名为0.gif 1.gif 2.gif 3.gif 4.gif 

防止表格被撑破的代码
<table width=100 border=1>
<tr><td style="word-break:break-all">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td></tr>

Dreamweaver里画细线标格
<table style="border-collapse: collapse">

有没有可能用层来遮住FLASH？
1.在flash的parameters里加入 <param name="wmode" value="transparent">
2.<body onblur=self.focus()>

如何让Flash按钮同时打开两个网页
最简单的办法，最一个按扭，把
[javascript]  view plain  copy
 print ? 在CODE上查看代码片 派生到我的代码片
  1. on(press){  
  2. getURL("http://www.*****.com";,_blank);  
  3. getURL("http://www.*****.com";,_blank);  
  4. }  


加在按扭上

怎样点不同的链接在同一个Iframe里显示？
[html]  view plain  copy
 print ? 在CODE上查看代码片 派生到我的代码片
  1. <table width="510" border="0" cellspacing="0" cellpadding="0">  
  2. <tr>  
  3. <td width="218" align="center" bgcolor="#eeeeee"><a href="http://www.******.com"; target="manager">blueidea</a>  
  4. </td>  
  5. <td width="292" align="center" bgcolor="#eeeeee"><a href="http://www.******.com/bbs"; target="manager">bbs</a></td>  
  6. </tr>  
  7. <tr>  
  8. <td height="200" colspan="2"><iframe border=0 frameborder=0 framespacing=0 height=200 marginheight=0 marginwidth=0 name=manager scrolling="NO" noresize src="http://www.******.com"; width=500 vspale="0"></iframe></td>  
  9. </tr>  
  10. </table>  

节日倒计时
[html]  view plain  copy
 print ? 在CODE上查看代码片 派生到我的代码片
  1. <Script Language="JavaScript">  
  2. 　　 var timedate= new Date("October 1,2002");  
  3. 　　 var times="国庆节";  
  4. 　　 var now = new Date();  
  5. 　　 var date = timedate.getTime() - now.getTime();  
  6. 　　 var time = Math.floor(date / (1000 * 60 * 60 * 24));  
  7. 　　 if (time >= 0)  
  8. 　　 document.write("现在离"+times+"还有: "+time +"天")  
  9. </Script>  
随机变换背景图象（一个可以刷新心情的特效）  
在<head></head>之间加上如下代码： 
[javascript]  view plain  copy
 print ? 在CODE上查看代码片 派生到我的代码片
  1. <Script Language="JavaScript">  
  2. 　　 image = new Array(4); //定义image为图片数量的数组  
  3. 　　 image [0] = 'tu0.gif' //背景图象的路径  
  4. 　　 image [1] = 'tu1.gif'  
  5. 　　 image [2] = 'tu2.gif'  
  6. 　　 image [3] = 'tu3.gif'  
  7. 　　 image [4] = 'tu4.gif'  
  8. 　　 number = Math.floor(Math.random() * image.length);  
  9. 　　 document.write("<BODY BACKGROUND="+image[number]+">");  
  10. </Script>  


select挡住div的解决方法  
在div里加入下面的代码，根据需要调整就可以了。
[html]  view plain  copy
 print ? 在CODE上查看代码片 派生到我的代码片
  1. <iframe src="javascript:false" scrolling="no" frameborder="0" style="z-index:-1;position:absolute; top:5px; left:2px;width:168;height:100px;">  
  2. </iframe>  

服务器上如何定义连接
MM_www_STRING ="driver={Microsoft access Driver (*.mdb)};dbq=" & server.mappath("../data/www.mdb")

链接到
response.redirect"login.asp"
location.href="xx.asp"

取得IP
[html]  view plain  copy
 print ? 在CODE上查看代码片 派生到我的代码片
  1. userip = Request.ServerVariables("HTTP_X_FORWARDED_FOR")  
  2. If userip = "" Then userip = Request.ServerVariables("REMOTE_ADDR")  
  3.   
  4. sql="update feedbak set hit=hit+1 where id="&request("id")  
  5. conn.execute(sql)  

截取字符是否加...
function formatStr(str,len)
if(len(str)>len)
str = left(str,len) + "..."
end if
formatStr = str
end function

接收表单
If Ucase(Request.ServerVariables("REQUEST_METHOD")) = "POST" then
end if

图片宽度
[javascript]  view plain  copy
 print ? 在CODE上查看代码片 派生到我的代码片
  1. <script language="javascript">  
  2. <!--  
  3. var flag=false;  
  4. function DrawImage(ckp){  
  5. var image=new Image();  
  6. image.src=ckp.src;  
  7. if(image.width>0 && image.height>0)  
  8. {flag=true;  
  9. if(image.width>120){  
  10. ckp.width=120;  
  11. }else{  
  12. ckp.width=image.width;  
  13. }  
  14. ckp.alt=image.width+"×"+image.height;  
  15. }  
  16. }  
  17. //-->  
  18. </script>  
  19. I'll be Back 22:18:06  
  20. <img src="<%=formPath%>/<%=rs("photoname")%>" border="0" >  



跳转
<meta http-equiv=refresh content='0; url=/distributor/distributor.aspx'>

溢出栏的设制
visible：超出的部分照样显示；
hidden：超出的部分隐藏；
scrool：不管有否超出，都显示滚动条；
auto：有超出时才出现滚动条；

onMouseOver：鼠标移到目标上；
onMouseUp：按下鼠标再放开左键时；
onMouseOut：鼠标移开时；
onMouseDown：按下鼠标时（不需要放开左键）；
onClink：点击时；
onDblClick：双击时；
onLoad：载入网页时；
onUnload：离开页面时；
onResize：当浏览者改变浏览窗口的大小时；
onScroll：当浏览者拖动滚动条的时。

CSS样式
a:link：表示已经链接；
a:hover：表示鼠标移上链接时；
a:active：表示链接激活时；
a:visited：表示己点击过的链接。

跳出对话框链接
 javascript:alert('lajflsjpjwg')

后退 ：javascript:history.back(1)

关闭窗口 ：javascript:window.close();

窗口还原
 function restore(){
window.moveTo(8,8);
window.resizeTo(screen.width-24,screen.availHeight-24);
}

head区是指首页HTML代码的<head>和</head>之间的内容。
必须加入的标签
1.公司版权注释

<!--- The site is designed by Maketown,Inc 06/2000 --->

2.网页显示字符集

简体中文：<META HTTP-EQUIV="Content-Type" C>
繁体中文：<META HTTP-EQUIV="Content-Type" C>
英 语：<META HTTP-EQUIV="Content-Type" C>

3.网页制作者信息

<META name="author" c>

4.网站简介

<META NAME="DESCRIPTION" C>

5.搜索关键字

<META NAME="keywords" C>

6.网页的css规范

<LINK href="style/style.css" rel="stylesheet" type="text/css">
(参见目录及命名规范)

7.网页标题

<title>xxxxxxxxxxxxxxxxxx</title>

可以选择加入的标签
1.设定网页的到期时间。一旦网页过期，必须到服务器上重新调阅。
<META HTTP-EQUIV="expires" C>

2.禁止浏览器从本地机的缓存中调阅页面内容。
<META HTTP-EQUIV="Pragma" C>

3.用来防止别人在框架里调用你的页面。
<META HTTP-EQUIV="Window-target" C>

4.自动跳转。
<META HTTP-EQUIV="Refresh" C>
5指时间停留5秒。

5.网页搜索机器人向导.用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。
<META NAME="robots" C>
CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是all。

6.收藏夹图标
<link rel = "Shortcut Icon" href="favicon.ico">

所有的javascript的调用尽量采取外部调用 .
<SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"></SCRIPT>

附<body>标签：

<body>标签不属于head区，这里强调一下，为了保证浏览器的兼容性，必须设置页面背景<body bgcolor="#FFFFFF"> 

flash透明

在flash的源代码中加上：<param name="wmode" value="transparent"> 表格透明
style="FILTER: alpha(opacity=72)"

网址前添加icon的方法  
1、上 http://www.******.com上用他的icon  editor online制作一个图标。他会将做好的图标通过email即时发送给你。

2、把这个命名为favicon.ico的图标放置在index.html同一个文件夹中。就可以了。

作一个图标文件，大小为16*16像素。文件扩展名为ico，然后上传到相应目录中。在HTML源文件“＜head＞＜/head＞”之间添加如下代码：

＜Link Rel="SHORTCUT ICON" href=" http://图片的地址（注意与刚才的目录对应） "＞

其中的“SHORTCUT ICON”即为该图标的名称。当然如果用户使用IE5或以上版本浏览时，就更简单了，只需将图片上传到网站根目录下，自动识别

可以在收藏夹中显示出你的图标
 <link rel="Bookmark" href="favicon.ico"> 

状态栏连接说明
<A HREF="链接到某处" >某某链接</a>
链接说明
<a href=“”Title=链接说明>

禁止鼠标右键
在<body>标签中加入 <body >

禁止复制，鼠标拖动选取
<body ondragstart=window.event.returnValue=false oncontextmenu=window.event.returnValue=false onselectstart=event.returnValue=false>

水平线
<hr width="长度" size="高度" color="颜色代码" noshade> noshade为有无阴影

表单电子邮件提交
< form name="content" method="post" action="mailto:电子邮箱" >< /form>
文本域名为Subject 为邮件的标题
邮件链接定制
Mailto:地址 ? Subject=邮件的标题 &bc=抄送 &bcc=密件抄送

背景音乐
<bgsound src=地址 loop="-1">

消除ie6自动出现的图像工具栏，设置 GALLERYIMG属性为false或no .  
<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="no"> 

防止点击空链接时，页面往往重置到页首端  
代码“javascript:void(null)”代替原来的“#”标记 

如何避免别人把你的网页放在框架中
<script language=“javascript”><!--if (self!=top){top.location=self.location;} -->< /script> 

页面定时刷新
<meta http-equiv="Refresh" c > 

页面定时转向新的地址
<meta http-equiv="refresh" c> 

显示日期  
[javascript]  view plain  copy
 print ? 在CODE上查看代码片 派生到我的代码片
  1. <script language="javascript"><!--  
  2. today=new Date();  
  3. var week; var date;  
  4. if(today.getDay()==0) week="星期日"  
  5. if(today.getDay()==1) week="星期一"  
  6. if(today.getDay()==2) week="星期二"  
  7. if(today.getDay()==3) week="星期三"  
  8. if(today.getDay()==4) week="星期四"  
  9. if(today.getDay()==5) week="星期五"  
  10. if(today.getDay()==6) week="星期六"  
  11. date=(today.getYear())+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日"+" "  
  12. document.write("<span style='font-size: 9pt;'>"+date+week+"</span>");  
  13. // -->  
  14. </script>   

文字滚动
 插入边框为0的1行1列的表格，在表格中输入文字，选中文字，
按ctrl+t输入marquee direction="up", 回车即可让文字在表格区域内向上滚动。
（right、down可用于让文字或图象向右及向下滚动，修改html原代码还可以得到需要的滚动速度。 

表单验正
[javascript]  view plain  copy
 print ? 在CODE上查看代码片 派生到我的代码片
  1. <SCRIPT language=javascript>  
  2. function checkform(theform){  
  3. if(theform.name.value==""){  
  4. alert("姓名不能为空!");  
  5. theform.name.focus();  
  6. return false;  
  7. }  
  8. if(theform.tel.value==""){  
  9. alert("电话不能为空!");  
  10. theform.tel.focus();  
  11. return false;  
  12. }  
  13. }  
  14. </SCRIPT>  

定义鼠标
body{cursor: url(cur.ani或cur);}

以图片方式插视频
<IMG height=240 loop=infinite dynsrc=http://amedia.efu.com.cn/EFUADD0001.rmvb width=320>

层在flash上面
< param name="wmode" value="opaque" >

延迟跳转
<meta http-equiv=refresh content='3; url=javascript:window.close();'>

空链接
javascript:;

标题表格
<fieldset>
<legend>表格的说明</legend>
</fieldset>

细线表格
 style="BORDER-COLLAPSE: collapse;"

滚动条颜色代码
[javascript]  view plain  copy
 print ? 在CODE上查看代码片 派生到我的代码片
  1. BODY{  
  2. SCROLLBAR-FACE-COLOR: #FFFFFF;  
  3. SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;  
  4. SCROLLBAR-SHADOW-COLOR: #FFFFFF;  
  5. SCROLLBAR-3DLIGHT-COLOR: #FFCBC8;  
  6. SCROLLBAR-ARROW-COLOR: #FFFFFF;  
  7. SCROLLBAR-TRACK-COLOR: #FFFFFF;  
  8. SCROLLBAR-DARKSHADOW-COLOR: #FFCBC8;  
  9. SCROLLBAR-BASE-COLOR: #FFFFFF  
  10. }  


连续的英文或者一堆感叹号!!!不会自动换行的问题
只要在CSS中定义了如下句子，可保网页不会再被撑开了

table{table-layout: fixed;}
td{word-break: break-all; word-wrap:break-word;}

注释一下：

1.第一条table{table-layout: fixed;}，此样式可以让表格中有!!!(感叹号)之类的字符时自动换行。

2.td{word-break: break-all}，一般用这句这OK了，但在有些特殊情况下还是会撑开，因此需要再加上后面一句{word-wrap:break-word;}就可以解决。此样式可以让表格中的一些连续的英文单词自动换行。

控制横向和纵向滚动条的显隐？
<body style="overflow-y:hidden"> 去掉x轴
<body style="overflow-x:hidden"> 去掉y轴
<body scroll="no">不显

表格变色
 <TD onmouseover="this.style.backgroundColor='#FFFFFF'" 
onmouseout="this.style.backgroundColor=''"
style="CURSOR: hand"> 

普通iframe页面
<iframe name="name" src="main.htm" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>

iframe自适应高度
<iframe name="pindex" src="index.asp" frameborder=false scrolling="auto" width="100%" height="100%" frameborder=no onload="document.all['pindex'].style.height=pindex.document.body.scrollHeight" ></iframe>

iframe(嵌入式帧)自适应高度
填写的嵌入地址一定要和本页面在同一个站点上，否则会提示“拒绝访问！”。对跨域引用有权限问题，请查阅其他资料。
<iframe name="guestbook" src="gbook/index.asp" scrolling=no width="100%" height="100%" frameborder=no onload="document.all['guestbook'].style.height=guestbook.document.body.scrollHeight"></iframe> 

字号缩放
越来越多的人长时间的泡网，眼镜的普及率也越来越高，让文字大点，让更多的用户看的更清楚。
[javascript]  view plain  copy
 print ? 在CODE上查看代码片 派生到我的代码片
  1. <script type="text/javascript">  
  2. function doZoom(size)  
  3. {document.getElementById('zoom').style.fontSize=size+'px';}  
  4. </script>  
  5. <span id="zoom">需要指定大小的文字</span>  
  6. <a href="javascript:doZoom(16)">大</a> <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(12)">小</a>   

select挡住div的解决方法  
在div里加入下面的代码，根据需要调整就可以了。
<iframe src="javascript:false" scrolling="no" frameborder="0" style="z-index:-1;position:absolute; top:5px; left:2px;width:168;height:100px;">
</iframe>

跳转菜单新窗口
<select name="select" onchange="window.open(this.options[this.selectedIndex].value)">
<option value=" http://www.microsoft.com/ie "> Internet Explorer</option>
<option value=" http://www.microsoft.com "> Microsoft Home</option>
<option value=" http://msdn.microsoft.com "> Developer Network</option>
</select>

flash透明选项
<param name="wmode" value="transparent"> 

记录并显示网页的最后修改时间  
<script language=JavaScript> 
document.write("最后更新时间: " + document.lastModified + "") 
</script>

让IFRAME框架内的文档的背景透明
<iframe src="about:<body style='background:transparent'>" allowtransparency></iframe> 

打开窗口即最大化
<script language="JavaScript"> 
<!-- Begin 
self.moveTo(0,0) 
self.resizeTo(screen.availWidth,screen.availHeight) 
// End --> 
</script>

文字或图片弹出指定大小的窗口
 在body中加入
<script language="JavaScript" type="text/JavaScript">
function MM_openBrWindow(theURL,winName,features) {window.open(theURL,winName,features);}
</script>
弹出代码
<a href="#" target="_self" onClick="MM_openBrWindow('windows01.htm','','width=550,height=380')" width="550" height="380" border="0">图片或文字</a>

flash按钮加链接  
on (press) {
getURL(" http://www.******.com ","_blank");
} 

细线分隔线
<hr noshade size=0 color=#C0C0C0> 

消除ie6自动出现的图像工具栏，设置 GALLERYIMG属性为false或no   .  
<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="no"> 

禁止页面正文内容被选取  
<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return 
false"onmouseup="document.selection.empty()"> 

不能点右键，不用CTRL+A，不能复制作!
 <body oncontextmenu="window.event.returnValue=false" 
onkeypress="window.event.returnValue=false" 
onkeydown="window.event.returnValue=false" 
onkeyup="window.event.returnValue=false" 
ondragstart="window.event.returnValue=false" 
onselectstart="event.returnValue=false"> 
</body>

随机变换背景图象（一个可以刷新心情的特效 ）  
<Script Language="JavaScript"> 
　　 image = new Array(4); //定义image为图片数量的数组 
　　 image [0] = 'tu0.gif' //背景图象的路径 
　　 image [1] = 'tu1.gif' 
　　 image [2] = 'tu2.gif' 
　　 image [3] = 'tu3.gif' 
　　 image [4] = 'tu4.gif' 
　　 number = Math.floor(Math.random() * image.length); 
　　 document.write("<BODY BACKGROUND="+image[number]+">"); 
</Script> 

flash载入影片  
on (release)
{
loadMovie("1-01.swf", "_root.loaderclip");
} 

图片表单按钮
<form id="form1" name="form1" method="post" action="">
<img src="login.gif" width="62" height="22" onclick="document.form1.submit()" />
</form> 

左右阴影背景的CSS定义方法
body {
text-align:center;
background-repeat: repeat-y;
background-position: center;
background-image: url(../images/bg.jpg);
} 

如何关闭层
<div id="Layer1"></div>
<a href="#" onClick="Layer1.style.display='none'">关闭层</a>

运行代码框
<script>
function Preview()
{var TestWin=open('');
TestWin.document.write(code.value);}
</script>
<textarea id=code cols=60 rows=15></textarea>
<br>
<button onclick=Preview() >运行</button>

给表格做链接  
<table width="100%" onclick="window.open(' http://www.******.com/&#39;,  '_blank')" style="CURSOR:hand">
<tr>
<td height="100" bgcolor="f4f4f4">&nbsp;</td>
</tr>
</table>

CSS文字阴影  
.shadowfont{FILTER: dropshadow(color=#666666, offx=1, offy=1, positive=1); FONT-FAMILY: "宋体"; FONT-SIZE: 9pt;COLOR: #ffffff;} 

表格透明  
style="FILTER: alpha(opacity=72)" 

Alt和Title的区别  
alt 用来给图片来提示的。Title用来给链接文字或普通文字提示的。

<a href="#" Title="给链接文字提示">文字</a>
<p Title="给链接文字提示">文字</p>

<img src="图片链接" alt="给图片提示">

在同一页面设置不同文字链接效果的样式
<style type="text/css">
.green {COLOR: #309633}
.green A:link {COLOR: #309633; TEXT-DECORATION: none}
.green A:visited {COLOR: #309633; TEXT-DECORATION: none}
.green A:hover {COLOR: #309633; TEXT-DECORATION: underline}
.green A:active {COLOR: #309633; TEXT-DECORATION: none}
</style>
<a href="#" class="green">文字</a>

在建立与服务器的连接时出错。在连接到 SQL Server 2005 时，在默认的设置下 SQL Server 不允许进行远程连接可能会导致此失败。 (provider: SQL 网络接口, error: 26 - 定位指定的服务器/实例时出错) 
首 选请确认SQL SERVER EXPRSS已安装到本地计算机上，并且SQL SERVER (SQLEXPRESS)服务已经成功启动。如果问题仍然存在，可以尝试应打开“SQL Server 外围应用配置器”，选择“服务和连接的外围应用配置器”，然后将“远程连接”配置为“同时使用 TCP/IP 和 named pipes”

由于启动用户实例的进程时出错，导致无法生成 SQL Server 的用户实例。该连接将关闭。 
将连接字符串中的“User Instance=True”修改为“User Instance=False”即可。

无法将文件 'X:WebsiteApp_DataDatabase.mdf' 作为数据库 ''. 附加。当前命令发生了严重错误。应放弃任何可能产生的结果。 
需要为X分区以及X分区的子文件夹和文件分配Users组的“读取”权限。

尝试为文件 X:WebsiteApp_DataDatabase.mdf 附加自动命名的数据库，但失败。已存在同名的数据库，或指定的文件无法打开或位于 UNC 共享目录中。 
首 选要确认已经为X分区以及X分区的子文件夹和文件分配了Users组的“读取”权限。如果问题仍然存在，请使用SQL Server Management Studio连接到SQLEXPRESS数据库实例，检查是否有名称是“Database”的数据库存在。如果有，分离同名数据库即可。如果还有问题检查web.config中Data Source=.\SQLEXPRESS，如果同时装了sql2000名称应为MSSQL$SQLEXPRESS。

无法打开用户默认数据库。登录失败。
用户 'NT AUTHORITYNETWORK SERVICE' 登录失败。 
数据库文件Database.mdf 的读写权限被设置成只有NETWORK SERVICE才具有。解决方法是先停止掉SQL SERVER (SQLEXPRESS)服务，然后从父项集成权限，再次启动SQL SERVER (SQLEXPRESS)服务即可。
User：用户表，存放用户信息
Role：角色表，存放角色信息
UserInRole：用户角色映射表，存放用户和角色的对就关系，多对多，一个用户可以对应多个
角色，而不同的角色有一同的权限。
Permissions：权限表，不同的角色对应不同的权限。权限信息使用一个字段flag来表示，
好处是可以使用位运算来计算权限，缺点是用位标识的权限受理论值限制，如int理论上可以
标识31种不同的权限,　当然可以整加一个字段来弥补，ApplicationID标识不同的模块
Application：模块信息。

  [Flags]
     public enum Flag:long
     { 
      View=1,
      Edit=2,
      Delete=4
     }

特性[Flag]告诉编译器,当编译器看到Flag枚举时，它会充许你用|(or)操作符组合枚举值，
就像二的整数幂一样，
例如 Flag  Administer=Flag.View|Flag.Edit|Flag.Delete;表示三种权限的组合。

基础知识：

位运算

枚举Flag

当编译器看到Flag枚举时，它会充许你用|(or)操作符组合枚举值，
就像二的整数幂一样，
例如 Flag Administer=Flag.View|Flag.Edit|Flag.Delete;

常用操作，检查是否存在
Flag administer=Flag.View|Flag.Edit|Flag.Delete;
  public bool Check(Flag administer,Flag mask)
        {
            bool bReturn = false;
            if ((administer & mask) == mask)
                bReturn = true;

            return bReturn;
        }
调用 　Check(administer,Flag.Edit)将返回true.

 public Flag SetBit(Flag administer,Flag mask)
        {
          return  administer |= mask;
           
        }

 administer |= mask;操作相当于 administer = administer |mask;

　从枚举中减去一种状态
　　administer　&=mask;

  如 :
Flag administer=Flag.View|Flag.Edit|Flag.Delete;
如需要禁止删除权限.
 administer &=Flag.Delete;

　另外，标记为flag的枚举类型，可以不设置值
   public enum Flag:long
     { 
      View,
      Edit,
      Delete
     }
  　如需要设置，按以下规律， View=1,Edit=2,Delete=4,Reply=8按2次方累加，为什么会这样？因为他使用二进制操作，
   当你使用　View=1,Edit=2,Delete=3,Reply=4这样的值， Flag.Delete 包含的值是Flag.Delete还是View=1|Edit=2就无从检测了.

每个用户，可以属于不同的角色不同的角色分配不同的权限，计算所有解权的所有可能的权限组合，只要有充许的权限，那么该用户既获取该权限。

在CS系统中，Permissions表合用了二个字段来标识权限.
 AllowMask,DenyMask　规责是Deny优先,也就是说当权限标记为Deny那么不论是否Allow一律禁止该用户进行此项操作。

另外，像论坛类的权限设计，仅仅一个ApplicationID字段是不够用的，因为每个版块都需要设置不同的权限，来控制权限的粒度，可在增加一张Permission表，ApplicationID修改为版块ID
这样，就可以针对不同的版块设置不同的权限

好了，接下的问题是怎么和.net自带的权限系统挂钩了。。

在asp.net系统中　，HttpContext.Current.User实现了一个接口IPrincipal,IPrincipal包含了另一个接口Identity

  我们在设计User类的时候继承此接口
  public class User:IPrincipal
  {
    string username;
    public string Username
    {
     get{return username;}
     set{username=value;} 
    }
  }

  实现IPrincipal接口方法
　  public IIdentity Identity
        {
            get {
                if (!string.IsNullOrEmpty(username))
                    _Identity = new GenericIdentity(username,"Forums");
                return (IIdentity)_Identity;
            }
        }

public bool IsInRole(string role)
{
.....
}

怎样和asp.net挂钩呢，这里可以在登陆时做检查

 if(HttpContext.Current!=null){
                User u= Users.GetUser(name);
                HttpContext.Current.User =u;

在使用时　
 User u = HttpContext.Current.User as User;
当然检查用户角色可以直接用

 



 if(HttpContext.Current.User.Identity.IsAuthenticated&&HttpContext.Current.User.IsInRole(角色名))


另外可以直接把到当用户权限策略挂接到当前线程 ,使用以下方法
    AppDomain.CurrentDomain.SetPrincipalPolicy(User);

好了，接下来，怎么check权限？

我倾向于使用Attribute

[csharp]  view plain  copy
 print ? 在CODE上查看代码片 派生到我的代码片
  1. [AttributeUsage(AttributeTargets.Class | AttributeTargets.Method | AttributeTargets.Property | AttributeTargets.Delegate, Inherited = true, AllowMultiple = true)]  
  2.     public class CheckPermissionAttribute : Attribute  
  3.     {  
  4.   
  5.         int appID;  
  6.         public int ApplicationID  
  7.         {  
  8.             get { return appID; }  
  9.             set { appID = value; }  
  10.         }  
  11.         Permission _allMask;  
  12.         public Permission AllMask  
  13.         {  
  14.             get { return _allMask; }  
  15.             set { _allMask = value; }  
  16.         }  
  17.   
  18.         public CheckPermissionAttribute(ApplicationID app, Permission allMask)  
  19.         {  
  20.             appID = app;  
  21.             _allMask = allMask;  
  22.         }  
  23.         public CheckPermissionAttribute(Permission allMask)  
  24.         {  
  25.             _allMask = allMask;  
  26.         }  
  27.   
  28.     }  


AttributeUsage 第一个参数表示该属性可以应用于类，方法，属性，代理上
Inherited 检查继承的权限。
AllowMultiple 充许多次应用。

按下来，设计一个基类,继承自Page：

[csharp]  view plain  copy
 print ? 在CODE上查看代码片 派生到我的代码片
  1. public   class PageBase : Page  
  2. {  
  3. Flag _allMask;  
  4.   
  5. /// <summary>  
  6.     /// 检查类型权限  
  7.     /// </summary>  
  8.     public void CheckClass()  
  9.     {  
  10.         Type type = this.GetType();  
  11.         CheckPermissionAttribute att = (CheckPermissionAttribute)CheckPermissionAttribute.GetCustomAttribute(type, typeof(CheckPermissionAttribute));  
  12.         if (att != null)  
  13.         {  
  14.             Check(att.AllMask);  
  15.         }  
  16.     }  
  17.   
  18.   /// <summary>  
  19.     /// 检查函数调用权限  
  20.     /// </summary>  
  21.     /// <param name="methodName">方法名</param>  
  22.     public void CheckMethod(string methodName)  
  23.     {  
  24.         Type type = this.GetType();  
  25.         string name = "*";  
  26.         if (!string.IsNullOrEmpty(methodName))  
  27.             name = methodName;  
  28.         MemberInfo[] mis = type.FindMembers(MemberTypes.Method ,BindingFlags.Instance | BindingFlags.NonPublic | BindingFlags.Public | BindingFlags.IgnoreCase,Type.FilterNameIgnoreCase,name);  
  29.         foreach (MethodInfo m in mis)  
  30.        {  
  31.            CheckPermissionAttribute att = (CheckPermissionAttribute)CheckPermissionAttribute.GetCustomAttribute(m, typeof(CheckPermissionAttribute));  
  32.            if (att != null)  
  33.            {   
  34.   
  35.                Check(att.AllMask);  
  36.                             
  37.            }  
  38.              
  39.        }  
  40.        return;  
  41.    
  42.      
  43.     }  
  44.     public void Check(Flag permissions)  
  45.     {  
  46.         if (!CheckPermission(permissions))  
  47.         {  
  48.             string url = string.Format("MsgPage.aspx?msg={0}", HttpUtility.UrlEncode("您没有权限访问该资源"));  
  49.             Response.Redirect(url);  
  50.         }  
  51.     }  
  52.     public void Check(ApplicationID appID, Flag permissions)  
  53.     {  
  54.         PermissionManager  pm= Spaces.PermissionManager.Instance(appType);  
  55.         if (!CheckPermission(pm,permissions))  
  56.         {  
  57.             string url = string.Format("MsgPage.aspx?msg={0}", HttpUtility.UrlEncode("您没有权限访问该资源"));  
  58.             Response.Redirect(url);  
  59.         }  
  60.   
  61.     }  
  62.   
  63.  protected override void OnInit(EventArgs e)  
  64.     {  
  65.         CheckClass();  
  66.         base.OnInit(e);  
  67.     }  
  68. }  


如何使用：

[csharp]  view plain  copy
 print ? 在CODE上查看代码片 派生到我的代码片
  1. [CheckPermission(2, Flag.View)]  
  2. public partial class MyPage : PageBase  
  3. {  
  4.   
  5. }  


若没有查看权限，会自运导向错误页面。

在类上应用挺方便。

方法上应用我于一个方法比较麻烦，我还没有找到在页面class里怎么获取当前调用的类名.

可以调用 CheckMethod(方法名称);如

[csharp]  view plain  copy
 print ? 在CODE上查看代码片 派生到我的代码片
  1. <span style="font-family:Arial;">[CheckPermission(2, Flag.Delete)]  
  2. public partial class MyPage : PageBase  
  3. {  
  4.   public void test()  
  5.   {  
  6.    CheckMethod("test");  
  7.    .......  
  8.   }  
  9. }</span>  
收录于
转载

当前文章被收录于：

转载
4 篇文章 0 人学习
订阅专栏 查看详情
标签
#java #框架 #技术 #应用
页面嵌入第三方系统方案小结 1.背景介绍 本文主要介绍页面嵌入到第三方系统的两个方案。分为三个步骤，页面嵌入、请求跨域、访问认证。 2.页面嵌入方案 页面嵌入方案有“iframe标签嵌入”和“SDK代码嵌入”。两种方案的灵活性和性能各不相同，下面介绍一下两者的差异。 2.1.iframe标签嵌入 iframe嵌入是目前使用很广泛的一种嵌入方案，直接使用iframe标签+网页地址就可以嵌入。优点是“主页面和嵌入页面相互隔离，不存在脚本冲突，样式影响问题”。缺点... 阅读详情

相关推荐

初识 内嵌iframe

iframe（内嵌框架）是 HTML 中一种用于将一个网页嵌入到另一个网页中的标签，它可以在一个页面中显示来自其他页面的内容。在网页中，使用标签可以将一个网页嵌套在另一个网页中，实现网页间的互联互通。

m178398家里有只小肥猫 4439

网页中嵌入外部页面的四种方法

一．应用框架技术 ---- 要在宿主页面中嵌入外部页面的方法是，在宿主页面中包含外部页面的位置插入“”语句即可(注意: 标签中的各种属性含义请查阅相关技术手册)。 ---- 如果想在嵌入的外部页面过长时不出现滚动条，在外部文件标签中加入“scroll=no”或者在宿主页

wmyasw的专栏 2万+

从零构建FOC：手把手教你实现无刷电机磁场定向控制

本文是一份详尽的FOC（磁场定向控制）实战教程，指导开发者从零开始构建无刷电机驱动系统。文章深入解析了FOC的核心算法，包括坐标变换（Clarke/Park）、SVPWM调制和双环PI控制，并对比了有感与无感方案的实现差异。通过分步调试指南，帮助读者亲手实现稳定、高效的无刷电机控制，彻底掌握其底层原理。

h3i4j的博客 514

网页嵌入其他网站或新打开其他网页并发送消息

实现网页A中嵌入网页B或在新窗口中打开网页B，并从A向B发送消息

小何又沐风的博客 6753

农业AI避坑指南：用YOLO11做叶片病害检测时遇到的5个典型问题

本文分享了使用YOLO11模型进行农业叶片病害检测时常见的五个典型问题及解决方案。针对田间多变光照、病害样本不均衡、标注歧义、背景干扰和边缘部署等挑战，提供了包括场景自适应数据增强、解耦训练、软标签与鲁棒损失函数、困难负样本构建以及模型轻量化部署在内的实战经验，旨在帮助开发者提升农业AI项目的落地效果。

ujm56789012的博客 205

【HarmonyOS】ArkUI的组件扩展

ArkuI的组件扩展主要是通过等装饰器来对于一些常用的自定义组件进行封装, 来简化UI开发流程, 提高自定义组件的可复用性。

2302_79763237的博客 1166

html给页面整体添加左右边距_HTML嵌入页面的几种方法

HTML嵌入页面的几种方法 作者：wsir 发布时间：2019/12/17 21:07:10 分数：0 跟帖：0一、应用框架技术在页面中嵌入外部页面的方法是，在页面中包含外部页面的位置插入“< /IFRAME>”语句即可。如果想在嵌入的外部页面过长时不出现滚动条，在外部文件标签中加入“scroll=no”或者在宿主页面标签中加入“scrolling=no”即可。但这样做会出现一个问题，...

weixin_39980929的博客 692

【CANoe】CAPL_ECU上电后首帧报文发出时间检测

【CANoe】CAPL_ECU上电后首帧报文发出时间检测,通过CANoe I/O口检测电压实现

星Yeah 的博客 2507

在页面中嵌入svg的几种方法

//在页面中嵌入svg的方法1:使用 <embed> 标签<embed> 标签被所有主流的浏览器支持，并允许使用脚本。注释：当在 HTML 页面中嵌入 SVG 时使用 <embed> 标签是 Adobe SVG Viewer 推荐的方法！然而，如果需要创建合法的 XHTML，就不能使用 <embed>。任何 HTML 规范中都没有 <...

527

【五分钟论文笔记】Vision Banana：图像生成器成为通用视觉学习器

图像生成训练可以像 LLM 预训练一样，让模型学习强大且通用的视觉表示感知即生成——将视觉任务输出参数化为 RGB 图像，是一种优雅且强大的统一框架视觉理解能力可以在不牺牲生成能力的情况下获得——两者可以共存于同一个模型。

专注：太空算力、AI infra、异构调度、大模型成本工程 230

把 SAP Workflow 的 Task 搞懂：从 TS 到 WS 的建模、触发与排错全景

摘要：SAP Business Workflow中的Task是工作流设计的核心单元，分为single-step（独立执行）和multistep（流程编排）两种类型。Task设计直接影响流程的可复用性、扩展性和可排错性。系统将Task分为5类（TS/T/WS/WF/TG），运行时通过事件触发、Linkage匹配、Work Item执行的链路完成流程驱动。关键事务码包括PFTC_INS（创建Task）、SWE2（事件配置）等。正确设计Task边界并遵循"先业务提交后事件触发"原则，是构建稳定

2007 年 ~ 2025 年，深耕 SAP 技术 18 年 272

net嵌入页面的几种方法

转自:http://blog.youkuaiyun.com/qin_zhangyongheng/article/details/38359919 一．应用框架技术  ---- 要在宿主页面中嵌入外部页面的方法是，在宿主页面中包含外部页面的位置插入“”语句即可(注意: 标签中的各种属性含义请查阅相关技术手册)。 ---- 如果想在嵌入的外部页面过长时不出现滚动条，在外部文件标签中加入“

threadroc的专栏 2940

基于Stateflow的驱动电机控制系统模式管理与安全策略研究

摘要 本文基于Stateflow状态机建模工具，研究了驱动电机控制系统的模式管理架构与安全策略实现方法。通过分析电机控制系统的工作模式，设计了包含初始化、待机、校准、对齐、运行、故障、复位七种状态的有限状态机模型，并建立了三级故障处理机制和降额保护策略。基于Simulink/Stateflow搭建的仿真模型实现了模式切换逻辑和安全管理功能，验证了系统能够正确响应各类控制事件，故障处理机制可有效保护系统安全。研究成果为电动汽车电机控制系统的工程开发提供了参考。 关键词：Stateflow；驱动电机控制；模式管

AI的内部世界的博客 58

页面嵌入iframe那些事儿

一、用iframe如何把别人的页面嵌入自己的页面？ <iframe src="http://blog.sina.com.cn/abc" frameBorder=0 scrolling=no width=1024 height=1200 style="width:1024px;height:1200px;" allowtransparency="true"></iframe&...

weixin_30256505的博客 248

IEM模型，地表粗糙度模拟

利用微波反演土壤水分时候，利用IEM模型可以实现对随机地表的模拟

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox（带书签），MATLAB统计学习工具

HTM嵌入其它高度自动html,html中包含其它页面

1.IFrame框架的形式.Html代码 iframe也称作嵌入式框架，嵌入式框架和框架网页类似，它可以把一个网页的框架和内容嵌入在现有的网页中。它与不同的是，iframe可以嵌在网页中的任意部分。属性：　　　　　　name="..."定义的名字scr="..."定义显示的内容的来源frameborder="..."定义边界(0或1)margwidth="..."设置边界和其中内容之间的宽间距ma...

weixin_32480781的博客 212

efm32 入门.pdf

本PDF共计22页，介绍的是操作驱动API，下载与否自己斟酌。

js .html复杂页面,使用AngularJS来实现HTML页面嵌套的方法

HTML不支持嵌入在HTML页面中的HTML页面。实现这一功能通过使用以下方式：使用Ajax - 让一台服务器来调用获取相应的HTML页面，并将其设置在HTML控件的innerHTML。使用服务器端包含 - JSP，PHP等Web端服务器技术可以在包括动态页面中的HTML页面。使用AngularJS，我们可以用ng-include指令在一个HTML页面嵌入另一个HTML页面。例子tryAngula...

weixin_42514711的博客 192

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

无法截取嵌入页面的div内容

几种获取html页面代码的方法，但是对嵌入的页面却用不了。 var test=document.getElementById('id').innerText; var test=$(&amp;amp;quot;#id&amp;amp;quot;).html(); var test=document.getElementById(&amp;amp;quot;id&amp;amp;quot;).innerHTML; var test= document.getElemen

weixin_44006708的博客 214

angularjs嵌套多个html,使用AngularJS来实现HTML页面嵌套的方法

HTML不支持嵌入在HTML页面中的HTML页面。实现这一功能通过使用以下方式：使用Ajax - 让一台服务器来调用获取相应的HTML页面，并将其设置在HTML控件的innerHTML。使用服务器端包含 - JSP，PHP等Web端服务器技术可以在包括动态页面中的HTML页面。使用AngularJS，我们可以用ng-include指令在一个HTML页面嵌入另一个HTML页面。例子tryAngula...

weixin_39968722的博客 319

anjulars实现html追加,使用AngularJS来实现HTML页面嵌套的方法

HTML不支持嵌入在HTML页面中的HTML页面。实现这一功能通过使用以下方式：使用Ajax - 让一台服务器来调用获取相应的HTML页面，并将其设置在HTML控件的innerHTML。使用服务器端包含 - JSP，PHP等Web端服务器技术可以在包括动态页面中的HTML页面。使用AngularJS，我们可以用ng-include指令在一个HTML页面嵌入另一个HTML页面。例子tryAngula...

weixin_39775029的博客 383

html中包含另一个html的方法

其中第1种是我常用，其他的方法还未测试 下面代码是page.html里面的，page1和page2和page.html同级 1：    &lt;div id="page1"&gt;&lt;/div&gt;     &lt;div id="page2"&gt;&lt;/div&gt;     &lt;script&gt;           $("#page1").

code_carrier的博客 8627

php镶入电脑网页,flash插件来调用pc的摄像头如何将它嵌入到TML页面

之所以写这篇文章，主要是因为组长给提的一个新的需求——使用浏览器调用电脑的摄像头，来实现即时拍照的功能。在网上查了很多资料，由于这样那样的原因，最终选择了使用flash插件来调用pc的摄像头。当然，这个需求是基于B/S架构的，因此，就在想怎么把它嵌入到前端的HTML页面中。题外话当然，这里还没有考虑到封装，主要是先以实现为目的，后续工作再根据业务进行抽象，封装成通用的组件。好了，废话不多说，看重点...

weixin_39975366的博客 183

angular的html页面引入js,请问怎么在html引入angularjs？

HTML不支持嵌入在HTML页面中的HTML页面。实现这一功能通过使用以下方式：使用Ajax - 让一台服务器来调用获取相应的HTML页面，并将其设置在HTML控件的innerHTML。使用服务器端包含 - JSP，PHP等Web端服务器技术可以在包括动态页面中的HTML页面。使用AngularJS，我们可以用ng-include指令在一个HTML页面嵌入另一个HTML页面。?1234例子tryA...

weixin_42390041的博客 910

html无法使用include

服务器端包含，html文件不支持要在html包含文件，参考:在宿主页面中嵌入外部页面 刘筱 ---- 如今在Internet上建立网站已经是很平常的事了，但是要做好却并不容易。除了要求网站的内容丰富、可读性强外，网站美观和艺术性也是不可缺少的。而做到美观的一个重要方面就是使整个网站具有统一的风格，并具有一致的导航结构及相关版权信息提示。 ---- 在这方面，FrontPage的模板就是为统一规划网

平凡酿就非凡 6276

aspx跳转页面的符号_Asp.Net中几种标记符号解释及用法

Asp.Net中几种标记符号: < %=...%>< %#... %>< % %>< %@ %>解释及用法1、< %#... %>: 是在绑定控件DataBind()方法执行时被执行，用于数据绑定如: < %# Container.DataItem("tit") %>2、< %= %>: 在程序执行时被调用，可以显...

weixin_31831459的博客 1279
上一篇： Java 中BufferedReader & InputStreamReader 用法
下一篇： JSP中嵌入java代码方式以及指令
点赞 1
评论 0
书签 书签 7
前端蜗牛君
前端蜗牛君
博客等级 码龄10年 274粉丝 158原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值