[英]How to put an internal script inside a div tag?
我正在嘗試在div標簽內運行JavaScript,因為我聽說了它的可能,但由於某種原因,該代碼沒有執行任何操作。
<!DOCTYPE html>
<html>
<body>
<title>XDSITE</title>
<br>
<br>
<div id=mycode style="BACKGROUND:
url('javascript:eval(window.alert("sometext"))'"></div>
</body>
</html>
您的HTML中存在一些問題,它是無效的,無法通過樣式屬性運行JavaScript。
您可以從<script>
標記中運行Javascript,這確實是最好的方法。
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
另外,有些HTML元素允許您在某些事件上執行它,例如onchange
, onclick
等。
<select onchange="myFunction()">
<button onclick="myFunction()">Click me</button>
https://www.w3schools.com/是學習更多html元素以及整個JavaScript的絕佳資源。
祝好運
您能在這里告訴您您使用的是哪個Java腳本框架嗎? 您可以通過使用Java腳本框架(例如Angular,React ...)來實現此目的。如果您不想使用任何框架,則需要編寫純JavaScript或jquery代碼來分配背景CSS道具。
對於整個身體
document.body.style.backgroundImage = "url('img_tree.png')";
對於div,
document.getElementById("mycode").style.backgroundImage = "url('img_tree.png')";
<!-- U have to give event inside expression like onclick ,mouseup Click that text --> <div id=mycode onclick="alert('Hi ....sometext')">THARA </div>
<!DOCTYPE html> <html> <body> <title>XDSITE</title> <br> <br> <div id=mycode style="BACKGROUND: url('javascript:eval(window.alert("sometext"))'"></div> </body> </html>
答:在頁腳中打開腳本
<script>
$( "#mycode" ).click(function() {
alert( "Hai" );
});
</script>
希望它為您工作...
您可以使用getElementById()
定位HTML標記,然后應用此document.getElementById("Mydiv").style.backgroundColor="#0000"
這樣的自定義樣式
或應用一堆這樣的樣式
var dev = document.getElementById("Mydiv");
dev.style.backgroundColor="#0000";
dev.style.fontSize="..";
dev.style.backgroundImage="..";
您可以使用“ onerror”事件運行函數。 在這種情況下,您還必須犯一些錯誤。 例如。
<img src="someFakeSrc" onerror='javascript:eval(window.alert("sometext"))'>
HTML看不到圖片的源代碼,然后運行“ onerror”事件。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.