js小demo

mac2024-05-10  8

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <h1>我的 Web 页面</h1> <button type="button" onclick="myFunction()">点击这里</button> <h1>我的 Web 页面</h1> <p id="demo">一个段落。</p> <div id="myDIV">一个 DIV。</div> <button type="button" onclick="test()" id="button">点击</button> <div id="demo1">显示</div> <script> var tPic=document.getElementById("demo1"); tPic.style.display="none";//隐藏,不占位 function test() { document.getElementById("demo").innerHTML = "你好 Dolly"; document.getElementById("myDIV").innerHTML = "你最近怎么样?"; var buttonValue= document.getElementById('button').innerHTML; var buttonValue= document.getElementById('button').innerHTML; if(buttonValue=='返回'){ window.location.reload(); } document.getElementById("button").innerHTML = "返回"; var buttonValue= document.getElementById('button').innerHTML; tPic.style.display="";//显示 } </script> </body> <script> function myFunction() { var jsObj = {}; jsObj.testArray = [1, 2, 3, 4, 5]; jsObj.name = "ck"; jsObj.date = Date(); var str = JSON.stringify(jsObj); var str1 = JSON.parse(str); alert(str); alert(str1); alert(str1.date); } </script> </html> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <p>点击按钮,显示确认框。</p> <button onclick="myFunction()">点我</button> <p id="demo"></p> <script> function myFunction(){ var x; var r=confirm("按下按钮!"); if (r==true){ x="你按下了\"确定\"按钮!"; } else{ x="你按下了\"取消\"按钮!"; } document.getElementById("demo").innerHTML=x; } </script> </body> </html> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <h1>我的 Web 页面</h1> <button type="button" onclick="myFunction()">点击这里</button> <h1>我的 Web 页面</h1> <p id="demo">一个段落。</p> <div id="myDIV">一个 DIV。</div> <button type="button" onclick="test()" id="button">点击</button> <div id="demo1">显示</div> <script> var tPic = document.getElementById("demo1"); tPic.style.display = "none"; //隐藏,不占位 function test() { document.getElementById("demo").innerHTML = "你好 Dolly"; document.getElementById("myDIV").innerHTML = "你最近怎么样?"; var buttonValue = document.getElementById('button').innerHTML; var buttonValue = document.getElementById('button').innerHTML; if(buttonValue == '返回') { window.location.reload(); /*window.history.back();*/ } document.getElementById("button").innerHTML = "返回"; var buttonValue = document.getElementById('button').innerHTML; tPic.style.display = ""; //显示 } </script> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <script> var json = {}; json.firstname = "John"; json.lastname = "Doe"; json.id = 5566; var string = JSON.stringify(json); var json1 = JSON.parse(string); /*alert(json1);*/ </script> <button onclick="myFunction1()">点我</button> <script> function myFunction1(){ var r=confirm("退出"); if (r==true){ } else{ } } </script> </body> </html> </body> <script> function myFunction() { var jsObj = {}; jsObj.testArray = [1, 2, 3, 4, 5]; jsObj.name = "ck"; jsObj.date = Date(); var str = JSON.stringify(jsObj); var str1 = JSON.parse(str); /* alert(str); alert(str1); alert(str1.date);*/ } </script> </html>
最新回复(0)