簡體   English   中英

幫助使用JavaScript和文本區域

[英]help with javascript and text area

嘿,我來自textarea的文本未顯示在我的contentplaceholder的div區域中。

有人可以建議我的JavaScript怎么了嗎?

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<link href="css/Style.css" rel="stylesheet" type="text/css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $('button').click(function () {
        var x = $('textarea').val();
        $('div').html(x);
    });
</script>

<textarea style="border: 0" cols="77" rows="5"></textarea>
<button>Post Message</button>

<div></div>
</asp:Content>

當腳本運行時,該按鈕不在DOM中。

<script type="text/javascript">
    $(function() {
      $('button').click(function () {
        var x = $('textarea').val();
        $('div').html(x);
      });
    });
</script>

這將告訴jQuery保留該初始化功能,直到DOM准備就緒為止。 在這種情況下,將調用您的函數。

(可選)您可以將腳本塊移動到<body>的末尾,但這有點像déclassé

故事是,一旦瀏覽器看到整個<script>元素,便立即運行<script> 像這樣將腳本放在頂部時,還沒有任何<button>元素,因為瀏覽器在文檔中的瀏覽距離還沒有那么遠。

要詳細說明Pointy的答案,請將腳本移到

</div>

或將代碼包裝在init()函數中,該函數是通過onload從body標簽調用的,如...

<script>
    function whateverIwantToHappenWhenTheDomLoads(){
     //put your code here

}

</script>

<body onload="whateverIwantToHappenWhenTheDomLoads()">

...

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM