innerHTML 문자열을 설정하면 구문 오류가 발생합니다.

여기에서 살펴본 결과 대부분 이스케이프 문제로 인해이 문제가 너무 잘못되었다고 생각합니다. 나는 구글을보고 대부분 하나의 div의 텍스트를 다른 것으로 대체하는 예제가있다. 여기 ".js"의 if 문에있는 "mainMidSec"의 기본 내용을 대체하려고한다.innerHTML 문자열을 설정하면 구문 오류가 발생합니다.

나는 ' 모바일 사이트에서 뭔가 테스트하려고하는데 ... 구문 오류가 발생합니다. 나는 그것이 따옴표 등과 관련이 있다는 것이 거의 긍정적이다 ... 나는 바깥 쪽 이중 내부 따옴표와 다른 방법을 시도해 보았다. 너희들은 내가 기꺼이거야, 그리고 겸손하게 동의 나 드롭

<script type="text/javascript"> 

var screenW = document.getElementById('mainMidSec'); 

if ((screen.width<=800) && (screen.height<=800)) 
{ 

screenW.innerHTML = '<video width="500" height="400" controls poster="imgs/vidPosterImgSMALLER.jpg"> 
    <source src="videos/mp4-video-versions/2010reel_MP4.mp4"> 
    <p> Your current web browser is out of date . Please update it wont you...pretty please?</p> 
</video>' 

} 

</script>

모든 아이디어/제안/지식 폭탄 : 여기

코드입니다!

출처

2011-07-27 somdow

구문 오류의 어떤 종류의? –

자바 스크립트가 처음이라면 자바 스크립트 프레임 워크를 살펴 보라고 조언합니다. 아주 대중적인 것은 jquery.com – Alfred

감사합니다 Alfred입니다. 나는 .JS에 익숙하다. 그리고 나는 그것을 이해한다. 그러나 나는 훌륭한 noob이다! 그래서 나는 기초를 배우려고 노력했다. 나는 프레임 워크에 갔다. – somdow

여러 줄에 걸쳐 문자열을 분할 할 수 없습니다.

screenW.innerHTML = '<video width="500" height="400" controls poster="imgs/vidPosterImgSMALLER.jpg"><source src="videos/mp4-video-versions/2010reel_MP4.mp4"><p> Your current web browser is out of date . Please update it wont you...pretty please?</p></video>';

또는 각 행을 별도의 문자열합니다 :

은 한 줄에 문자열을 넣어 자바 스크립트에서

screenW.innerHTML = '<video width="500" height="400" controls poster="imgs/vidPosterImgSMALLER.jpg">' + 
    '<source src="videos/mp4-video-versions/2010reel_MP4.mp4">' + 
    '<p> Your current web browser is out of date . Please update it wont you...pretty please?</p>' + 
    '</video>';

출처

2011-07-27 23:06:45 Guffa

, 당신은 문자열 내부의 줄 바꿈을 가질 수 있습니다. 시도 :

또한

screenW.innerHTML = '<video width="500" height="400" controls poster="imgs/vidPosterImgSMALLER.jpg"><source src="videos/mp4-video-versions/2010reel_MP4.mp4"> <p> Your current web browser is out of date . Please update it wont you...pretty please?</p></video>'

는 모바일 장치에 대한 대체 레이아웃을 처리하기 위해 권장되는 방법입니다 CSS Media Queries 한 번 봐 걸릴.

출처

2011-07-27 23:07:09 bfavaretto

짧게 이야기하면, 메인 사이트에서 거대한 플래시 파일을 쓰고 화면 크기에 따라 서버의 더 작은 플래시 파일로 바꾸기 때문에이 작업을 수행했습니다. 미디어 쿼리도 이것을 할 것인가? 덕분에 – somdow

아니, 나는 그것을 할 수있는 가장 좋은 방법은 서버 측, PHP는, ASP 또는 뭐든지 함께 생각합니다. html과 javascript 만 사용해야하는 경우 js를 사용해야합니다. 이 경우 브라우저가 교체가 완료되기 전에 큰 파일에 대한 요청을 시작할 수 있습니다. – bfavaretto

변경 :

screenW.innerHTML = '<video width="500" height="400" controls poster="imgs/vidPosterImgSMALLER.jpg"> 
<source src="videos/mp4-video-versions/2010reel_MP4.mp4"> 
<p> Your current web browser is out of date . Please update it wont you...pretty please?</p>

사람 :

screenW.innerHTML = '<video width="500" height="400" controls poster="imgs/vidPosterImgSMALLER.jpg"> ' + 
'<source src="videos/mp4-video-versions/2010reel_MP4.mp4"> ' + 
'<p> Your current web browser is out of date . Please update it wont you...pretty please?</p> ' +

' '

출처

2011-07-27 23:07:21 rabs

innerHTML 문자열을 설정하면 구문 오류가 발생합니다.

답변

관련 문제