如何正確地將 JavaScript 注入 HTML 文件以避免「NotSupportedException」？

在HTML文檔中註入JavaScript的方法

通過在網頁中註入JavaScript代碼，可以利用動態元素增強網頁功能。然而，使用標準的HTMLDocument方法可能會遇到錯誤。本指南提供了解決此問題的方案。

問題所在

以下代碼示例演示了嘗試將JavaScript注入文檔：

<code>string newScript = textBox1.Text;
HtmlElement head = browserCtrl.Document.GetElementsByTagName("head")[0];
HtmlElement scriptEl = browserCtrl.Document.CreateElement("script");
lblStatus.Text = scriptEl.GetType().ToString();
scriptEl.SetAttribute("type", "text/javascript");
head.AppendChild(scriptEl);
scriptEl.InnerHtml = "function sayHello() { alert('hello') }";</code>

然而，訪問scriptEl的InnerHtml屬性會拋出NotSupportedException異常。這表明HtmlElement類型不支持為腳本元素設置內部HTML。

解決方案

為了解決這個問題，我們需要訪問底層的IHTMLScriptElement接口。以下更新後的代碼片段演示了這種方法：

<code>HtmlElement head = webBrowser1.Document.GetElementsByTagName("head")[0];
HtmlElement scriptEl = webBrowser1.Document.CreateElement("script");
IHTMLScriptElement element = (IHTMLScriptElement)scriptEl.DomElement;
element.text = "function sayHello() { alert('hello') }";
head.AppendChild(scriptEl);
webBrowser1.Document.InvokeScript("sayHello");</code>

解釋

1. 獲取文檔的頭部元素。
2. 創建一個新的腳本元素。
3. 從腳本元素的DomElement屬性中檢索底層的IHTMLScriptElement接口。
4. 使用JavaScript代碼設置腳本元素的text屬性。
5. 將腳本元素附加到文檔的頭部。
6. 從IHTMLScriptElement接口執行JavaScript函數以激活注入的腳本。

這種方法允許您成功地將JavaScript注入網頁並動態地與它的元素交互。

以上是如何正確地將 JavaScript 注入 HTML 文件以避免「NotSupportedException」？的詳細內容。更多資訊請關注PHP中文網其他相關文章！