利用jq的append()追加函數即可實現,如:
成都創新互聯專注于企業全網整合營銷推廣、網站重做改版、峨眉山網站定制設計、自適應品牌網站建設、H5建站、電子商務商城網站建設、集團公司官網建設、外貿網站建設、高端網站制作、響應式網頁設計等建站業務,價格優惠性價比高,為峨眉山等各大城市提供網站開發制作服務。
html:
div?class="main"
input?type="button"?value="添加"?class="btn"?/
/div
JQ:
$(document).ready(function(){
$(".btn").click(function(){
var?html?=?'div?style="width:200px;?height:30px;?border:1px?dashed?red;?margin-bottom:20px;"/div';
$(".main").append(html);
});
});
!DOCTYPE?html
html
head
script?src=""
/script
script
$(document).ready(function(){
$("button").click(function(){
$("#div1").load("demo_test.txt");
});
});
/script
/head
body
div?id="div1"h2Let?jQuery?AJAX?Change?This?Text/h2/div
buttonGet?External?Content/button
/body
/html
你看看是不是你想要的
需要準備的材料分別有:電腦、html編輯器、chrome瀏覽器。
1、首先,打開html編輯器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script標簽,輸入jquery代碼:
$('div').load(function () {$('body').append('div has load');});
3、瀏覽器運行index.html頁面,此時頁面中div加載完會調用事件輸出“div has load”。
使用jquery中的load事件。
load事件可以載入遠程 HTML 文件代碼并插入至 DOM 中。默認使用 GET 方式 - 傳遞附加參數時自動轉換為 POST 方式。
參數url,[data,[callback]]
url:待裝入 HTML 網頁網址。
data:發送至服務器的 key/value 數據。在jQuery 1.3中也可以接受一個字符串了。
callback:載入成功時回調函數。
例子$("#test").load("index.html");在元素test中載入index頁面
div
id="moon"/div
script
$(
"#moon"
).load(
"demo2.html",
function(
response,
status,
xhr
)
{
$('#moon').html(response);
});
只能加載本地文件,加載時把文件路徑寫正確