亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何將 HTML 放在 jquery 或 javascript 函數中以便稍后附加?

如何將 HTML 放在 jquery 或 javascript 函數中以便稍后附加?

侃侃無極 2022-06-05 10:25:07
我很難找到它以及嘗試自己做。但我想知道是否可以得到一個將 HTML 放入 jQuery 函數和 javascript 函數的示例,以便以后可以使用它附加到 DOM。HTML<div class="container></div>jQuery$(function (nothing){  '<h3>Nothing Here</h3>'             });$(".container").append(function(nothing));結果Nothing Here我是一個更大的 javascript 菜鳥,但我想達到同樣的結果。有人可以告訴我怎么做嗎?另外,使用 javascript 方法 VS jQuery 方法有區別嗎?謝謝!
查看完整描述

2 回答

?
qq_遁去的一_1

TA貢獻1725條經驗 獲得超8個贊

Javascript 答案: domElement.innerHTML是在 domElement 中添加任何 html 內容的 API。并且可以從 javascript 函數以字符串格式返回 html 內容。


<!DOCTYPE html>

<html>

<body>


<div id="container">

</div>


<script> function getHTMLContent() {

return "<h2>Nothing here</h2>";


}</script>


<script>

document.getElementById("container").innerHTML = getHTMLContent();

</script>


</body>

</html>

jquery回答:而不是.innerHTML我們.append在jquery 中。這也將字符串作為參數。而且我們調用javascript函數的方式也沒有區別。


<!DOCTYPE html>

<html>

<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

  function getHTMLContent() {

return "<h2>Nothing here</h2>";

}


$("#container").append(getHTMLContent());

});

</script>

</head>

<body>


<div id="container">

</div>

</body>

</html>

關于你對 function() 和 $function()..


$(function() { ... }); 

只是 jQuery 的簡寫


$(document).ready(function() { ... });

一旦頁面準備好,它就會自動調用。


但是在 javascript 中,當您聲明時function(),它本身不會被調用。你必須明確地調用它。


查看完整回答
反對 回復 2022-06-05
?
ITMISS

TA貢獻1871條經驗 獲得超8個贊

function nothing(){

  $(".container").append('nothing');

}


查看完整回答
反對 回復 2022-06-05
  • 2 回答
  • 0 關注
  • 100 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號