JS动态修改iframe内嵌网页地址的方法_javascript技巧

本文实例讲述了JS动态修改iframe内嵌网页地址的方法。分享给大家供大家参考。具体分析如下:

下面的JS代码通过修改iframe的src属性动态修改iframe的内嵌网页

<!DOCTYPE html>
<html>
<head>
<script>
function changeSrc()
{
document.getElementById("myframe").src="http://google.com";
}
</script>
</head>
<body>
<iframe id="myframe" src="/default.asp">
<p>Your browser does not support iframes.</p>
</iframe>
<br><br>
<input type="button" onclick="changeSrc()" value="Change Source">
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索js
, iframe
, 地址
, 动态修改
内嵌网页
iframe内嵌网页、h5内嵌iframe无法滑动、iframe内嵌页面自适应、iframe 内嵌网页乱码、内嵌iframe,以便于您获取更多的相关知识。

时间: 2024-11-02 02:50:27

JS动态修改iframe内嵌网页地址的方法_javascript技巧的相关文章

js动态修改表格行colspan列跨度的方法_javascript技巧

本文实例讲述了js动态修改表格行colspan列跨度的方法.分享给大家供大家参考.具体如下: <!DOCTYPE html> <html> <head> <script> function setColSpan() { var x=document.getElementById('myTable').rows[0].cells; x[0].colSpan="2"; x[1].colSpan="6"; } </sc

js动态修改整个页面样式达到换肤效果_javascript技巧

jsPro1\js动态修改整个html页面样式(换肤).html 复制代码 代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>动态修改页面样式

JS动态插入并立即执行回调函数的方法_javascript技巧

本文实例讲述了JS动态插入并立即执行回调函数的方法.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <

JS动态添加Table的TR,TD实现方法_javascript技巧

本文实例讲述了JS动态添加Table的TR,TD实现方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html>  <head> <title></title> <SCRIPT language="JavaScript"> var tempRow=0; var maxRows=0; function insertRows(){ tempRow=table1.rows.length-1; maxRows=t

js实现ifram取父窗口URL地址的方法_javascript技巧

本文实例讲述了js实现ifram取父窗口URL地址的方法.分享给大家供大家参考.具体实现方法如下: var url=''; try { url = window.top.document.referrer ; } catch(M) { if (window.parent) { try { url = window.parent.document.referrer; } catch(L) { url = ""; } } } if (url === "") { url

JS简单限制textarea内输入字符数量的方法_javascript技巧

本文实例讲述了JS简单限制textarea内输入字符数量的方法.分享给大家供大家参考.具体如下: 这里演示JS限制一个area内的字符不能超过255,多余则截取. 代码如下: <script> function getStringUTFLength(str) { var value = str.replace(/[\u4e00-\u9fa5]/g," "); //将汉字替换为两个空格 return value.length; } function leftUTFString

JS实现往下不断流动网页背景的方法_javascript技巧

本文实例讲述了JS实现往下不断流动网页背景的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <head> <title>JS实现的往下不断流动的网页背景</title> </head> <body background="/images/bg002.jpg"> <script language="JavaScript"> <!-- Begin

JS 获取HTML标签内的子节点的方法_javascript技巧

子节点的个数: document.getElementById("id").childNodes.length 注意: 标签开/闭合算2个节点 第几个子几点: document.getElementById("id").childNodes[n] 示例: 这里是 length-4 处,margin-left:20px 输出:length=8 实例: <div id="page_kx" style="text-align: cent

ie 8-ie8下iframe内嵌网页不显示

问题描述 ie8下iframe内嵌网页不显示 主页面中嵌套了一个iframe,代码如下: <div id = "toolbar" style="position: absolute;z-index:0;height:28px;width:500px;display:block;right:0px"> <iframe id="toolbarIframe" src="iframe/toolBar.html" sc