2017-11-28 1 views
0

div 태그 내부에서 javascript를 실행하려고합니다. 왜냐하면 가능한 이유를 들었으므로 코드가 아무 것도하지 않기 때문입니다.내부 스크립트를 div 태그 안에 넣는 방법은 무엇입니까?

<!DOCTYPE html> 
<html> 
<body> 
<title>XDSITE</title> 
<br> 
<br> 

<div id=mycode style="BACKGROUND: 
url('javascript:eval(window.alert("sometext"))'"></div> 


</body> 
</html> 
+0

'스타일'안에는 불가능합니다. – sapics

+0

body 내부의 div 안에 스타일 속성 안에 CSS 배경 속성 안에 url 안에 eval 된 JS 문자열을 실행하려고합니다. 왜 ?? – klugjo

+0

xss 공격에 이것을 시도 할 수는 있지만 스크립트 태그없이 수행 할 수 있는지는 의심 스럽습니다. 또한 html에서 따옴표가 일치하지 않아 이스케이프 처리해야합니다. – charlietfl

답변

0

HTML에 몇 가지 문제가 있습니다. 유효하지 않으므로 스타일 속성에서 JavaScript를 실행할 수 없습니다.

<script> 태그 안에서 Javascript를 실행할 수 있습니다. 실제로는이 방법을 사용하는 것이 가장 좋습니다.

<script> 
document.getElementById("demo").innerHTML = "Hello JavaScript!"; 
</script> 

다른 방법이 각 HTML 요소에 대한 자세한 학습을위한 당신이 onchange과 같은 몇 가지 이벤트를 실행할 수 있도록 일부 HTML 요소, onclick

<select onchange="myFunction()"> 

<button onclick="myFunction()">Click me</button> 

https://www.w3schools.com/은 훌륭한 자원이 있고, 또한 JavaScript 전체.

행운을 빌어 요.

0

여기서 자바 스크립트 프레임 워크를 사용하고 계신가요? 당신은 Angular, React ...와 같은 템플릿 자바 스크립트 프레임 워크를 사용하여이 작업을 수행 할 수 있습니다. u 프레임 워크를 사용하려는 경우 순수 CSS 또는 jquery 코드를 작성하여 배경 CSS를 할당해야합니다. 몸 전체에 대한

, 사업부에 대한

document.body.style.backgroundImage = "url('img_tree.png')"; 

,

document.getElementById("mycode").style.backgroundImage = "url('img_tree.png')"; 
0

<!-- U have to give event inside expression like onclick ,mouseup Click that text --> 
 
<div id=mycode onclick="alert('Hi ....sometext')">THARA 
 
    </div>

0
<!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"

같은 사용자 정의 스타일을 적용하거나 스타일의 무리를 적용 할 수 있습니다

0

당신을위한 작업을 ... 희망 like

var dev = document.getElementById("Mydiv"); 
dev.style.backgroundColor="#0000"; 
dev.style.fontSize=".."; 
dev.style.backgroundImage=".."; 
0

"onerror"이벤트를 사용하여 함수를 실행할 수 있습니다. 그리고 그 경우에도 약간의 실수를해야합니다. 예를 들면.

<img src="someFakeSrc" onerror='javascript:eval(window.alert("sometext"))'> 

HTML은 그림의 src를 보지 못하고 'onerror'이벤트를 실행합니다.

관련 문제