首頁 > 開發者 > JavaScript
一般而言，如果指令碼很長，我們把它們放到一個JS檔案中，然後產生一個script元素並把它加入DOM樹，把src設定為JS檔案的地址即可。但對於很自短的指令碼，如果我們又不想用new Function與eval呢？這裡還有一辦法，利用script元素的一個少為人知的屬性text，非標準屬性，但所有主流瀏覽器都支援。有點像innerHTML，但innerHTML只能把字串變成各種節點，但不能解析指令碼。看下面的例子：
var script = document.createElement('script');script.type = 'text/javascript';script.text = "alert('這是動態添加的!')";document.body.appendChild(script);
<br /><!doctype html><br /><title>script.text by 司徒正美</title><br /><meta charset="utf-8"/><br /><meta name="keywords" content="script.text by 司徒正美" /><br /><meta name="description" content="script.text by 司徒正美" /><br /><script type="text/javascript"><br />window.onload = function(){<br />var script = document.createElement('script');<br />script.type = 'text/javascript';<br />script.text = "alert('這是動態添加的！')";<br />document.body.appendChild(script);<br />}<br /></script><br /><h2>script.text by 司徒正美</h2><br />
運行代碼
| text | innerHTML | textContent | cteateTextNode | |
|---|---|---|---|---|
| IE6 | ● | × | × | × |
| IE8 | ● | × | × | × |
| FF3.6 | ● | ● | ● | ● |
| chrome5 | ● | ● | ● | ● |
| safari4 | ● | ● | ● | ● |
| opera10.10 | ● | × | ● | ● |
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
