> 웹 프론트엔드 > 프런트엔드 Q&A > html5 페이지의 출력 방법은 무엇입니까?

html5 페이지의 출력 방법은 무엇입니까?

青灯夜游
풀어 주다: 2022-01-23 17:15:28
원래의
3737명이 탐색했습니다.

페이지 출력 방법은 다음과 같습니다. 1. "window.alert('content');" 문을 사용하여 경고 상자를 표시합니다. 2. "element object.innerHTML="content"" 문을 사용하여 새 콘텐츠를 삽입합니다. 3. "docuemnt.write("content")" 문을 사용하여 HTML 문서에 새 콘텐츠를 씁니다.

html5 페이지의 출력 방법은 무엇입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

html5페이지 출력 방식

  • window.alert()를 사용하여 경고 상자 팝업window.alert() 弹出警告框

  • 使用document.write()方法将内容写到html文档中

  • 使用元素对象.innerHtml="需要写入的值"; 写入到HTML元素

1、使用window.alert()

<script>
window.alert(&#39;警告框&#39;);
</script>
로그인 후 복사

2、操作HTML元素

如需JavaScript访问某个HTML元素,您可以使用document.getElementById(id)方法

请使用id属性来标识HTML元素,并innerHTml来获取或插入元素内容:

<p id="demo" >我的第一个段落</p>
<script>
document.getElementById("demo").innerHTML="段落已修改"
</scirpt>
로그인 후 복사

document.getElementById("demo") 是使用 id 属性来查找 HTML 元素的 JavaScript 代码 。该方法是 HTML DOM 中定义的。
innerHTML = "Paragraph changed."

document.write() 사용< /code> HTML 문서에 내용을 쓰는 방법<p></li><strong></strong><code>요소 객체 사용 .innerHtml="value to be write"; HTML 요소에 쓰기


1. window.alert() 사용

<script>
docuemnt.write(Date());//Date()输出中国标准时间
</script>
로그인 후 복사

2. HTML 요소 조작

HTML 요소에 액세스하기 위해 JavaScript가 필요한 경우 document.getElementById(id) 메서드를 사용할 수 있습니다

🎜ID를 사용하세요. HTML 요소를 식별하는 속성 및 요소 내용을 가져오거나 삽입하는 innerHTml: 🎜
<button type="button" onclick="myFunction">按钮</buton>
<script>
function myFunction(){
document.write(Date());
}
</scipt>
로그인 후 복사
🎜document.getElementById("demo") 는 id 속성을 사용하여 HTML 요소를 찾는 JavaScript 코드입니다. 이 메소드는 HTML DOM에 정의되어 있습니다. 🎜innerHTML = "단락이 변경되었습니다."는 요소의 HTML 콘텐츠(innerHTML)를 수정하는 데 사용되는 JavaScript 코드입니다. 🎜🎜🎜🎜3. HTML 문서에 쓰기🎜🎜🎜 document.write() 메서드를 사용하여 HTML 콘텐츠에 콘텐츠를 쓸 수 있습니다. 이 함수는 콘텐츠 또는 html 태그를 html 문서🎜🎜rrreee🎜에 직접 쓸 수 있습니다. 문서가 로드된 후 document.write()를 실행하면 전체 HTML 페이지가 적용됩니다🎜🎜rrreee🎜관련 권장 사항: "🎜html 비디오 튜토리얼🎜"🎜

위 내용은 html5 페이지의 출력 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿