JavaScript獲取iframe裡面的src路徑裡面的內容

阿新 • • 發佈：2019-01-16

a.htm:
<!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">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>a.htm</title>
<script type="text/javascript">
var xmlHttp=null;
     //判斷瀏覽器
        function createXMLHttpRequest() {
            if (window.XMLHttpRequest) {
                //Firefox,Netscape,Chrome,Safari等瀏覽器
                xmlHttp = new XMLHttpRequest();
            } else if (window.ActiveXObject) { //IE瀏覽器
                try {
                    xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); //建立xmlHttp物件
                } catch (e) {
                    try {
                        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); //建立xmlHttp物件
                    } catch (e) { }
                }
            }
        }
function startRequest()
{
 createXMLHttpRequest();
 xmlHttp.onreadystatechange=onReadyState;
 xmlHttp.open("GET","myself.htm",true);
 xmlHttp.send(null); //傳送請求
}
function onReadyState()
{
 if(xmlHttp.readyState==4 && xmlHttp.status==200)
 alert(xmlHttp.responseText);
}
//窗體載入事件
 window.onload=function()
{
 startRequest();
}
</script>
</head>

<body>
<iframe id="a" height="260px" src="b.htm" scrolling="no"></iframe>
</body>

</html>

b.htm:
<!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">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>b.htm</title>
</head>

<body>
<iframe id="b" src="myself.htm" height="200px"></iframe>
</body>

</html>

myself.htm:
<!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">

<head>
<meta http-equiv="Content-Language" content="zh-cn" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>myself.htm</title>
</head>

<body>

<p>你好，這是myself.htm!</p>

</body>

</html>
結果是：myself.htm中的所有內容.


法二
document.getElementById("MyIFrame").contentDocument.getElementById("s").style.color="blue";
 
詳細程式碼如下: 
TestIFrame.htm: 


<html> 
<head> 
<script type="text/javascript"> 
function f(){ 
        var doc; 

        if (document.all){//IE 
                doc = document.frames["MyIFrame"].document; 
        }else{//Firefox    
                doc = document.getElementById("MyIFrame").contentDocument; 
        } 

        doc.getElementById("s").style.color="blue"; 
} 
</script> 
</head> 
<body onload="f()"> 

<iframe id = "MyIFrame" name = "MyIFrame" src = "MyIFrame.htm" width = "100" height="100">
 
</body> 
</html> 


MyIFrame.htm: 


<h1 id = "s" style="color:red;" >內容<h1>

JavaScript獲取iframe裡面的src路徑裡面的內容

a.htm: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &l

JavaScript----改變超連結的路徑與內容

1.2. <head lang="en"> <meta charset="UTF-8"> <title></title> <script language

iframe的src指向的內容不重新整理的解決辦法之一

問題描述 html <iframe id="h5Content" src=""></iframe> js $("#h5Content").attr("src","${h5.url}"); h5.url對應的是一個ueditor編

JavaScript 獲取option value 值以及文字內容的方法

首先附上原始碼 <!DOCTYPE html> <html> <head> <title></title> </head

jq_jquer獲取iframe的高度根據頁面內容自適應

JQ程式碼 $("#mainframe").load(function () { var if_w = $("iframe").width(); var if_h = $("#mai

獲取當前目錄絕對路徑，參考canal run.sh裡面的方式

case "`uname`" in Darwin) bin_abs_path=`cd $(dirname $0); pwd` ;; Linux) bin_abs_path=$(readlink -f $(dirname $0))

登入攔截之後，登入頁面出現在iframe的src裡面

之前搭建了一個小專案，在登入超時後返回登入頁會在iframe裡開啟登入頁面，這顯然不是我想實現的效果，應該是攔截之後，登入頁面在iframe的頂層頁面顯示，趁著今天有時間就查了一下如何解決這個bug。解決辦法，在登入頁面中，新增js判斷，如果不是頂層框架跳轉到登入頁面，則將頂

在iframe父介面獲取iframe裡面的標籤

上一篇裡邊介紹了在裡邊利用iframe引入另一個html導航檔案，有興趣的朋友可以看一看 http://www.cnblogs.com/simba-lkj/p/6031662.html 目前遇到一些問題們，想要在引用了iframe的檔案裡修改iframe裡邊的樣式。解決了這個問題，整理一下，供大家參考 de

使用Java或 JavaScript獲取方括號中的內容

學習 return 沒有 mpi pil indexof javascrip 進行 con 1.使用Java獲取方括號中的內容 1 String str = "[你]們，[我]們，[他]們，都要[好好學習，天天敲代碼]"; 2 Pattern p = Pattern.

JavaScript獲取當前url路徑

不能多個 document clas dex 主機 script open www 1、假設當前頁完整地址是：http://localhost:61768/Home/Index?id=2 //獲取當前窗口的Url var url = window.location

springboot @Value 獲取計算機中絕對路徑文件的內容

情況下默認情況 pre 加載 clas https 使用好處默認情況下使用 @Value("aaa.txt") private Resource txtResource; 這樣獲取到的是項目classpath 下的 aaa.txt 如果想獲取非項目路徑下的文件內容

JavaScript獲取輸入框內容

html： <input name="money" type="number" placeholder="稅前工資"><br> <button onclick="calc()">計算</button> <p></p>

Zookeeper命令列操作常用命令客戶端連線檢視znode路徑建立節點獲取znode資料，檢視節點內容，設定

8.1.常用命令啟動ZK服務bin/zkServer.sh start 檢視ZK服務狀態bin/zkServer.sh status 停止ZK服務bin/zkServer.sh stop 重啟ZK服務bin/zkServer.sh restart 連線伺服器

webpack打包 css檔案裡面圖片路徑替換位置

{ test: /\.css$/, use: ExtractTextPlugin.extract({ use: ['css-loader?minimize', 'auto

js操作Iframe(獲取Iframe中的節點內容)

在web開發中，經常會用到iframe，難免會碰到需要在父視窗中使用iframe中的元素、或者在iframe框架中使用父視窗的元素 js 在父視窗中獲取iframe中的元素 1、格式：window.frames["iframe的name值"].document.

webView 載入路徑裡面的圖片不顯示

修改之前的程式碼 webView.getSettings().setSupportZoom(true); //擴大比例的縮放 //webView.getSettings

點選iframe 中某頁面的一個按鈕實現跳轉到iframe外面的窗體裡面

Default.aspx protected void Page_Load(object sender, EventArgs e) { Response.Redirect("WebForm1.aspx"); }

JavaScript獲取位址列內容

例如地址為：http://www.mazey.net/baby/blog/index.php?a=1&b=2#c var query = window.location.href; //http://www.mazey.net/baby/blog/index.php?

獲取iframe中的內容、查詢獲取指定元素（關於用c++呼叫WEBBROWSER控制元件，使用相關介面操作web頁面元素的一些方法)

最近開發WINDOWS下的應用程式，需要用到C++中呼叫WEBBROWSER控制元件操作網頁的相關技術，查閱了一下相關文件，反覆除錯了幾天，對其中的技術有了一些膚淺的認識，大多數C++程式設計師對COM應該不陌生，其實用C++操作網頁，在前端應用層上主要就是對COM介面的查

Java 獲取Html文字中的img標籤下src中的內容

/** * 得到網頁中圖片的地址 * @param htmlStr html字串 * @return List<String> */ private List<String> getImgStr(String

JavaScript獲取iframe裡面的src路徑裡面的內容

相關推薦