<script type="text/javascript"> document.write("我的<br/>"); document.writeln("我的"); document.writeln("<table><tr><tb><h1>啊</h1></tb></tr></table>"); </script>
不属于任何属性时,页面加载执行;
输出中用document.write;
警告框:alert("你好");
询问框:prompt("输入密码","123");
确认框:alert(confirm("删除!"));
双击事件:ondblclick;
单击事件:onclick;
代码:
function test(){ //prompt("输入密码","123"); //alert(confirm("删除!")); //alert("你好"); document.write("我的<br/>"); document.write("我的"); document.write("<table><tr><tb><h1>啊</h1></tb></tr></table>"); }
显示图片地址的代码与转换图片:
function name2() { var lk=document.getElementById("lk"); alert("图片:"+ lk1.id); alert("图片:"+lk1.src); li1.src="liek/1.png"; alert("图片:"+ lk1.src); //li1.src="liek/2.png"; //alert("图片:"+ lk1.src); }
<hr> <input type="button" value="我的" οnclick="name1()"/> <br/> <img alt="" id="li1" src="liek/1.png" style="width: 30%;"/> <br/> <img alt="" id="lk1" src="liek/2.png" style="width: 30%;"/> <br/>
点击图片转换代码: function name2() { var lk=document.getElementById("lk"); if(lk.src=="http://desktop-48kqv3l:8080/liekat/liek/2.png"){ lk.src="http://desktop-48kqv3l:8080/liekat/liek/1.png"; } else{ lk.src="http://desktop-48kqv3l:8080/liekat/liek/2.png"; } } <html> <img alt="" id="lk" src="liek/2.png" style="width: 30%;" οnclick="name2()" /> 判断false与true代码: function name5() { alert(isNaN(2)); alert(isNaN(2.3)); alert(isNaN("2")); alert("判断=============="); var a=0; alert(a=2); alert(a=="2"); alert(a==="2"); } javascript生命周期: javascript变量的生命周期从它们被声明的时间开始; 局部变量会在函数运行以后被删除; 全局变量会在页面关闭后被删除; 尚未声明的javascript变量来分配值: 如果把值赋给尚未声明的变量。该变量将被自动作为全局变量声明; 代码: carname="Volvo"; 鼠标点击: function mDown(obj) { obj.style.backgroundColor="#1ec5e5"; obj.innerHTML="请释放鼠标按钮" } 鼠标移动: function mUp(obj) { obj.style.backgroundColor="green"; obj.innerHTML="请按下鼠标按钮" } function mOver(obj) { obj.innerHTML="谢谢" } function mOut(obj) { obj.innerHTML="把鼠标移到上面" } 获取与失去焦点: function mnjj() { alert("获得焦点"); } function mnjjs() { alert("失去焦点"); } 添加段落: function sssddd() { var para=document.createElement("h1"); var node=document.createTextNode("这是新段落。"); para.appendChild(node); var element=document.getElementById("div1"); element.appendChild(para); }
删除段落:
var parent=document.getElementById("bbbb"); var child=document.getElementById("p1"); parent.removeChild(child);
窗口事件:
function adasda() { //window.open();//打开新窗口 //window.close();//关闭窗口 //window.moveTo();//移动当前窗口 //window.resizeTo();//调整当前窗口大小 } function wewewewe() { alert(location.hostname); //alert(location.pathname); //alert(location.port); //alert(location.protocol); } function mmnnmm() { var bbbb = document.getElementById("bbbb").value; location.href="https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=0&rsv_idx=1&tn=baidu&wd="+bbbb+"&rsv_pq=96b5a4bd0004171b&rsv_t=b41f+cbYgJlCUfGqaVR/ZO4qfupX2XH/zGag5DNTND4u0xCacZCQ7T6hncg&rqlang=cn&rsv_enter=0&rsv_sug3=4&inputT=5789&rsv_sug4=5789"; } function mkld() { //history.back(); //与在浏览器点击后退按钮相同 //history.forward();// 与在浏览器中点击按钮向前相同 history.back();//方法加载历史列表中的前一个 URL。 }
获取表单,能够获取到标签对象,就能操纵该标签属性:
function hhjj() { var kk=document.forms; }