js笔记
基本函数
function f(){ alert("hello"); }
导入.js文件
<script type="text/javascript" src="/js/1.js"></script>
javascript基本数据类型
number 数字 string 字符 boolean 布尔 undefined 未定义 null 空 object 函数, 数组
查看类型
typeof(变量名)
页面打印内容
document.write("hello");
常用函数
alert(内容) 弹出框 var a = prompt("密码是?", "请输入内容");
boolean isNaN(变量) 是否为非数字
parseInt(变量) 转换为number
parseFloat(变量) 转换为number
arguments.length 传递参数的个数 arguments是一个数组,arguments[0], arguments[1]
window常用属性和方法
常用属性: history
document
location
常用方法 (前面的window.可以省略)
confirm("")
alert("")
prompt("")
open("url") //打开一个url
close() //只能在IE可以关闭窗口
window.screen.width 屏幕分辨率的x
window.screen.height 屏幕分辨率的y
setTimeout("函数", 时间); 延迟这个时间后执行方法 clearTimeout()
setInteval("函数", 时间); 每间隔时间执行一次方法 clearInteval()
var date = new Date(); //获取当前时间
var year = date.getYear()+1900; var month = date.getMonth()+1; var day = date.getDate()
var hour = date.getHours() var minute = date.getMinutes() var second = date.getSeconds()
一开始就加载方法onload
<body onload="openWin()">
document.forms[0].name.param
input中输入的值类型默认是string类型
js中的获取元素
document.元素 getElementById("id") getElementsByName("name") getElementsByTagName("name")
document.元素 getElementById("id") getElementsByName("name") getElementsByTagName("name")
前进/后退
<a href="javascript:history.go(-1)">goback</a> //或back() <a href="2.jsp">go to 2.jsp</a> <a href="javascript:history.go(1)"> forword</a> //或forward()
点击,去一个页面 location.href="url"
<body>
<a href="2.jsp">go to 2.jsp</a>
<a href="javascript:history.go(1)"> forword</a>
<input type="button" value="跳转页面" onclick="javascript:p('2.jsp')">
</body>
<script type="text/javascript">
function p(o){
location.href=o;
}
</script>
改变标签body部分的内容
var ahref = document.getElementById("go"); ahref.href="http://www.baidu.com"; ahref.innerHTML="百度";
元素的显示和隐藏
win1.style.display="none"; //隐藏 win1.style.display="block"; //显示
浏览器地址栏输入:
javascript:alert(1+4); javascript:document.write("kkkk");
.hta在记事本中编辑html语句标签,支持css,js,标签,像一个exe文件
<noscript>请允许你的脚本运行,才能看到更好的效果</noscript> //当某些浏览器禁用js脚本,就会弹出这个消息
eval(string); //计算字符串的表达式
eval(document.getElementById('result').innerHTML);
<input type="text" onblur="f(this)"> <script type="text/javascript"> function f(obj){obj.value="..."} </script>
<!--标签调用函数 方法1-->
<input type="text" id="name" onclick="f()"> <script type="text/javascript"> function f(){ alert("hello"); } </script>
<!--标签调用函数 方法2-->
<input type="text" id="name1">
<script type="text/javascript">
document.getElementById("name1").onclick=function(){
alert("world");
}
</script>
<body onload="alert('ok')"> //加载页面时执行
var s = "abc"; alert(s.substring(0,2)); //ab substring(beginindex, [length])
var s = "abc123asd"; alert(s.indexOf("sd", 0)); //str在s中开始查找的下标 如果找不到返回-1
正则表达式:
var s = "abc123asd"; alert(s.match(/[abc]/)); //match(/regex/) 有返回对应的字符串, 没有返回null
alert(s.match(/b/gi)); //g返回所有匹配的值, i不区分大小写
js中的Array:
<script type="text/javascript"> arr = new Array(); // 等价于arr=[]; arr = new Array(3,6,9);等价于arr=[3,6,9]; arr[0] = 0; arr[1] = 2; arr[2] = 4; arr[3] = 6; alert(arr); //打印结果都是全部打印 </script>
arr = new Array(3,5,7,9); //数组第二种创建方式
js中for in循环(相当于foreach循环):
for(var i in arr){ //i---->index document.write(i==arr.length-1?arr[i]:arr[i]+":"); }
数组循环实现图片的排序:
<script type="text/javascript"> var div_imgs = document.getElementById("imgs"); arr = ["../images/3.jpg","../images/1.jpg","../images/2.jpg"]; for(var i in arr){ div_imgs.innerHTML += "<img src='"+arr[i]+"' />"; } </script>
数组的嵌套:
arr1 = [1,2,3,"a","b","c",true,false,new Array(1,2,3)]; arr2 = [ [1,2,3],["a","b","c"] ];
浙公网安备 33010602011771号