利用load()函式在指定div載入引用頁面內容
通常情況下,要引入一個外部頁面的內容是採用iframe標籤的,其實也可以完全不適用此標籤,使用load()函式即可實現此功能。
程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> div{ width:900px; height:1000px } </style> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(function(){ $("#content").load("antzone.html"); }); </script> </head> <body> <div id="content"></div> </body> </html>
上面的程式碼實現了我們的要求,能夠引入其他頁面的內容,不過對於跨域載入還是有問題的。
相關文章
- jQuery load()方法載入指定檔案內容jQuery
- jQuery load()函式載入頁面出現亂碼jQuery函式
- 利用JQuery的load函式動態載入頁面 以及jQuery動態載入頁面和請求所返回的資料jQuery函式
- 點選按鈕在iframe子視窗載入指定頁面
- jQuery—頁面內容,樣式,控制屬性jQuery
- 正規表示式:後面不要包含指定的字串內容字串
- 利用jquery實現的向指定元素追加指定內容jQuery
- HTML API + CSS 控制頁面列印內容和樣式HTMLAPICSS
- git將指定內容寫入檔案Git
- 026.Vue3入門,父頁面給子頁面傳遞資料,在子頁面不能修改,只能改自己的data內容Vue
- 頁面佈局的相關內容
- JavaScript 獲取div在頁面中座標JavaScript
- IE8中jQuery.load()載入頁面不顯示的原因jQuery
- 頁面載入完畢之後自動執行指定程式碼
- 將div元素固定於頁面指定位置程式碼例項
- Webview 載入文章內容WebView
- 智慧 Monkey 在指定執行的頁面範圍內執行方案
- 有關web頁面內容檔案強制下載程式碼Web
- JavaScript 列印div內容JavaScript
- CSS_頁面引用CSS
- 在oracle中通過utl_http獲得指定網頁內容,支援中文OracleHTTP網頁
- 利用函式的惰性載入提高 javascript 程式碼效能函式JavaScript
- Javascript在頁面載入時的執行順序JavaScript
- 等頁面載入完在執行某個操作
- PHP模擬登陸抓取頁面內容PHP
- java抓取有驗證的頁面內容Java
- js實現父頁面獲取iframe子頁面內容程式碼JS
- 在 IBM Lotus Web Content Management 6.1 中定製客戶化內容錄入頁面IBMWeb
- CSS+DIV讓頁尾始終保持在頁面底部CSS
- 點選載入更多網頁內容效果簡單介紹網頁
- 為何頁面內容和網頁邊緣有空隙網頁
- 內容顯示在HTML頁面底端的一些處理方式HTML
- div中的內容居中
- 頁面載入全過程
- 頁面載入和解析流程
- 頁面載入順序jQueryjQuery
- 啟動載入廣告頁面
- asp.net 頁面載入ASP.NET