<! DOCTYPE HTML> <HTML> <HEAD> <Meta кодировок = "UTF - 8 . "> <Название> начинающий учебник (runoob.com) </ title> </ HEAD> <BODY> <P> JavaScript способен непосредственно писать выход HTML поток: </ P> <Script> document.write ( "<h1 из> это заголовок </ h1> о" ); document.write ( "<P> это пункт </ P>." ) ; </ Script> <P> можно использовать только выходной HTML поток <сильный> document.write </ STRONG> . Если вы используете его после загрузки документа (например, в функции), будет охватывать весь документ. </ P> </ body> </ html>
<! DOCTYPE HTML>
<HTML>
<HEAD>
<Meta кодировок = "GBK">
<название> новичку учебник (runoob.com) </ title>
</ HEAD>
<BODY>
<h1> Мой первый JavaScript < / h1>
<р->
JavaScript может реагировать на события. Например, нажмите на кнопку:
</ Р->
<кнопка типа = "Кнопка" OnClick = "Предупреждение ( '! Welcome')"> Точка I </ Баттона>!
</ Body>
</ HTML>
<! DOCTYPE HTML> <HTML> <HEAD> <Meta кодировка = "UTF-8"> <название> новичку учебник (runoob.com) </ title> </ HEAD> <BODY> <h1> Мой первый абзац Код JavaScript </ h1> о <P ID = "Demo"> JavaScript , чтобы изменить содержание HTML элемента. </ P> <Script> функция туРипсЫоп () { X = document.getElementById ( "Demo"); // найти элементы x.innerHTML = "JavaScript вводное!"; // изменить содержание } </ SCRIPT> <Button Тип = "кнопка" OnClick = "туРипсЫоп ( )"> нажмите здесь </ Button> </ body> <
<!DOCTYPE html> <html> <head> <meta charset="gbk"> <title>菜鸟教程(runoob.com)</title> </head> <body> <script> function changeImage() { element=document.getElementById('myimage') if (element.src.match("bulbon")) { element.src="E:/72.jpg"; } else { element.src="E:/0.jpg"; } } </script> <img id="myimage" onclick="changeImage()" src="E:/72.jpg" width="100" height="180"> <p>点击切换鲜花</p> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <h1>我的第一段 JavaScript</h1> <p id="demo"> JavaScript 能改变 HTML 元素的样式。 </p> <script> function myFunction() { x=document.getElementById("demo") // 找到元素 x.style.color="#ff0000"; // 改变样式 } </script> <button type="button" onclick="myFunction()">点击这里</button> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <h1>我的第一段 JavaScript</h1> <p>请输入数字。如果输入值不是数字,浏览器会弹出提示框。</p> <input id="demo" type="text"> <script> function myFunction() { var x=document.getElementById("demo").value; if(x==""||isNaN(x)) { alert("不是数字"); } } </script> <button type="button" onclick="myFunction()">点击这里</button> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <h1>我的第一段 JavaScript</h1> <p>请输入数字。如果输入值不是数字,浏览器会弹出提示框。</p> <input id="demo" type="text"> <script> function myFunction() { var x=document.getElementById("demo").value; if(isNaN(x)||x.replace(/(^\s*)|(\s*$)/g,"")==""){ alert("不是数字"); } } </script> <button type="button" onclick="myFunction()">点击这里</button> </body> </html>