2010-12-27 8 views
1

왜이 자바 스크립트 코드가 작동하지 않습니까?

var contentObj = getElementById("content"); 
 
var widthOfContent = screen.availWidth * 0.6; 
 
var cssContObjStr = "width:" + (screen.availWidth * 0.6) + ";"; 
 
contentObj.style = cssContObjStr;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml"> 
 
    <head> 
 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
 
    <title>Testing</title> 
 
    </head> 
 

 
    <body> 
 
    <div id="content"></div> 
 
    jdhkfahsd jksahd fklhasdk fhaskdhf kalsdhf klashdfk hasdkf haskd hfasdkjfhkjasdh fkjasdkfh asjdkhf khdskf jhaskdjh fkjasdhf kjsahd fkasbdkfbsadvn iweb fnilewalnfiwa ebnkjsdbv jdbalisd df sads da s fsd afds fasdf sadf asdf adsf asdf sdf 
 
    <script type="text/javascript" src="javas.js"></script> 
 
    </body> 
 
</html>

나는 내 PC에 javas.js로 자바 스크립트 파일을 저장했습니다. 그러나 화면 너비의 60 %로 너비를 픽셀로 설정하려고합니다. 이것은 작동하지 않습니다.

어떻게 관리 할 수 ​​있습니까? 제발, "width:60%"이라고 말하지 마세요. 당신은 몇 가지 구문 오류가

+6

하지 다른 페이지에서, 여기에 관련 코드를 게시하시기 바랍니다. –

답변

6

가 여기에 무엇이 잘못의 목록입니다 : 당신은

  • +\document.getElementById()이 필요하지 않습니다 호출 할 필요가

    • , 그 잘못 리터럴 형식의 ...하지만 아니다 여기에 어쨌든 필요합니다
    • widthstyle에있는 속성이며 아래에있는 것처럼 설정하면 끝 부분에 "px"을 반드시 포함해야합니다.

    전반적으로

  • , 그냥해야한다 :

    var contentObj = document.getElementById("content"); 
     
    var widthOfContent = screen.availWidth * 0.6; 
     
    contentObj.style.width = widthOfContent + "px";
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
     
    <html xmlns="http://www.w3.org/1999/xhtml"> 
     
        <head> 
     
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     
        <title>Testing</title> 
     
        </head> 
     
    
     
        <body> 
     
        <div id="content"></div> 
     
        jdhkfahsd jksahd fklhasdk fhaskdhf kalsdhf klashdfk hasdkf haskd hfasdkjfhkjasdh fkjasdkfh asjdkhf khdskf jhaskdjh fkjasdhf kjsahd fkasbdkfbsadvn iweb fnilewalnfiwa ebnkjsdbv jdbalisd df sads da s fsd afds fasdf sadf asdf adsf asdf sdf 
     
        <script type="text/javascript" src="javas.js"></script> 
     
        </body> 
     
    </html>

    0

    당신이 시도시겠습니까?

    var contentObj = document.getElementById("content"); 
    var widthOfContent = screen.availWidth * 0.6; 
    var cssContObjStr = "width:" + (screen.availWidth * 0.6) + "%;"; 
    contentObj.style.cssText = cssContObjStr; 
    

    감사

    +0

    screen.availWidth가 픽셀 응답을 제공한다는 것을 알지? – DarkLightA

    +0

    @DarkLightA 죄송합니다! 당신은 맞습니다. "%"대신 "px"가되어야합니다. – Arnab

    관련 문제