//this
function f1() { alert(this); } //this:在一个函数内部,this表示是的哪个对象,取决于当前函数的哪个对象的函数 f1();
concat字符串
var s1 = ['哈哈1', '哈哈2', '哈哈3']; var s2 = ['哈哈4', '哈哈5', '哈哈6']; var s3 = s1.concat(s2); alert(s3);
通过元素获取元素对象
<script type="text/javascript"> //var user_name = 'steve'; //function fnTest() { //}js代码从上往下依次执行 页面加载完毕 js代码写在头部就没有问题 //window.onload表示页面加载完毕后再执行函数内的js代码 window.onload=function(){ document.getElementById("txt1").value = '哈哈哈哈嘎哈嘎哈噶进口国哈哈个进口红酒g'; document.getElementById("btn2").value = "我的一个小小的确定按钮"; }; //document.getElementById("txt1").value = '哈哈哈哈嘎哈嘎哈噶进口国哈哈个进口红酒g'; //document.getElementById("btn2").value = "我的一个小小的确定按钮"; </script> </head> <body> <form id="form1" action="/"method="get"> <input id="txt1" name="name" type="text" value="" /> <input id="btn2" name="name" type="button" value="" /> </form> <script type="text/javascript"> //window.form1.txt1.value = '哈哈哈哈哈哈哈哈哈哈哈哈哈'; //window.form1.btn2.value = '确定'; // document.getElementById("txt1").value = '哈哈哈哈嘎哈嘎哈噶进口国哈哈个进口红酒g'; //document.getElementById("btn2").value = "我的一个小小的确定按钮"; </script>
为元素注册事件
<script type="text/javascript"> //通过动态注册事件的方式实现js代码与html网页代码相分离 //为窗体注册一个加载事件 window.onload = function () { //为按钮注册一个单击事件 document.getElementById('btn').onclick = function () { alert(new Date().toLocaleDateString()); } document.getElementById('btn2').onclick = function () { alert('我是第二个按钮'); } }; </script> </head> <body> <input type="button"id="btn"name=""value="确定" /> <input type="button" id="btn2" value="之前我是隐身的"/> </body>
注册动态事件
<script type="text/javascript"> //为窗体注册事件 window.onload = function () { //为按钮添加注册事件 document.getElementById('btn1').onclick = function () { alert(new Date().toLocaleTimeString()); }; document.getElementById('btn2').onclick = function () { //直接赋值 改变btn1的值 //document.getElementById('btn1').onclick = fnclick; document.getElementById('btn1').onclick = fnclick(); } } function fnclick() { alert('.....................................................') } </script> </head> <body> <input type="button" id="btn1" value="按钮1" /> <input type="button" id="btn2" value="按钮2" /> </body>
window对象中函数
<script type="text/javascript"> //为窗体注册一个事件 //window.onload = function () { // //为按钮注册一个事件 // document.getElementById('btn').onclick = function () { // if (confirm('确定删除吗')) { // //使用if语句提示用户是否删除,再执行代码 // document.getElementById('txt').value = ""; // alert("删除成功") // } // else { // alert("取消删除") // } // } //} window.onload = function () { document.getElementById('btn1').onclick = function () { //window.navaigate //设置跳转页面 location.href = 'http://www.baidu.com'; //location = 'http://www.sina.com'; } } </script> </head> <body> <input id="btn" type="button" name="name"value="删除" /> <input id="btn1" type="button" name="name" value="去找度娘玩" /> <input id="txt"type="text" value="我是有文字的不要删除我啊"/> </body>
计时器和停止计时器
<script type="text/javascript"> //把定时器放在函数外,其他位置也可以调用 var interval; window.onload = function () { document.getElementById('btn').onclick = function () { //启动计时器 interval = setInterval(function () { //直接在常量后面++; var s = document.getElementById('text1').value++; // s.value++; //s.value = ++s.value; //var v = s.value; //v = parseInt(v) + 1; //s.value=v }, 1000); } document.getElementById('btn2').onclick = function () { //停止计时器 clearInterval(interval); } } </script> </head> <body> <input type="text" id="text1"value="0" /> <input type="button"id="btn"value="start" /> <input type="button"id="btn2"value="stop" /> </body>