JavaScript部分函数方法大全
常用
** alert(); 普通弹出框
** document.write(); 向页面(body标签) 写入内容
** console.log(); 向控制台输出
** typeof();查看当前数据类型
** length 返回字符串的长度
** bold(); 字体加粗
** fontcolor(red); 设置字体的颜色
** fontsize(1-7); 设置字体大小
** link(); 将字符串设置成超链接 (字符串.link(链接地址);
** sub() sup() 将文 0-字设置成上标或下标 比如设置度数
** prototype 向对象函数中添加方法
例:function Person(){ 创建对象函数
}
Person.prototype.getal(){ 添加方法
alert(123);
}
new Person().getal(); 调用函数 结果弹出123
字符串函数:
** concat() 连接字符串 将 "123" 与 "456" 连接在一起(个人感觉没什么用)
** charAt(索引) 返回指定位置的字符串,如果索引有误 返回空字符串
** indexOf(字符串); 返回指定位置的字符串索引 如果不存在返回-1
** split(以什么切 分); 返回字符串数组
** replace(); 传递两个参数,第一个是原始字符 第二个是要替换成的字符
** substr() 同样也是2个参数, 从第几个开始,向后截取几个
** subString() 两个参数从第几位开始,到底几位结束 不包含做后一个
** toUpperCase() 把字符串转换为大写
**toLowerCase() 把字符串转换为小写
**String.trim()删除字符串两端的空白符:
**charAt() 方法返回字符串中指定下标(位置)的字符串
**charCodeAt() 方法返回字符串中指定索引的字符 unicode 编码
数组相关的函数
** length 返回数组长度 这个是属性 不是方法 所以不要加“()”
** concat() 将数组链接,返回一个新的数组
** join() 根据指定数组以指定符号分割
** push() 向数组末尾添加元素,返回新的数组长度,如果添加的是一个数组,就存取的是整个字符串
** pop() 删除数组最后一位元素,并返回这个元素!
** reverse() 颠倒数组元素的顺序 随机顺序排列
** isArray()返回是否是数组?
Dete对象的函数
** new Date(); 获取当前时间 国外定义
** new Date().toLocaleString(z); 获取本地时间 正常的格式
** new Date().getFullYear();得到当前年
** new Date().getMonth() 得到当前月份 ,因为国外是从 0-11 所以得到月份 需要+1
** new Date().getDay() 得到当前的当前的星期 周一到周六都正常 如果周日会显示0
** new Date().getDate() 得到当前的天(对于这个月来说) 1-31
** new Date().getHours() 得到当前的小时
** new Date().getMinutes() 得到当前的分钟
** new Date().getSeconds() 得到当前的秒
** new Date().getTime() 得到当前的毫秒 返回的是1970-1-1 的毫秒数
Math对象 *以下写的方法都不用 new 直接使用 Math. 调用 类似静态
** ceil(); 向上舍入
** floor(); 向下舍入
** round();四舍五入
** Math.random(); 随机数
js中的全局函数:
** eval(); 执行字符串中的js代码,如果不是js代码将不执行并且报错
** encodeURI(); 对字符进行编码
** decodeURI(); 对字符进行解码
** isNaN() :判断当前字符是否是数字,如果是返回 false 如果不是返回 true
** parseInt(); 将类型转换成数字,如果不能转换返回NAN
- js中的bom对象:
** navigate 获取客户端的信息
-navigate.appName; 返回该浏览器的名字
** screen 获取屏幕信息
- screen.while; 返回屏幕的宽度
- screen.height;返回屏幕高度
**history :请求url的历史记录
-history.back(); 访问上一次记录
-history.go(-1); 访问上一次记录
-history.forward(); 访问下一个页面
-history.go(1); 访问下一个页面
**location 请求url地址
-location.href; 得到当前url地址
-location.href = "url"; 设置访问url地址
例:
function a(){
location.href = "www.baidu.com";
}
<input type="button" value="访问百度" onclick="a()"/>
**-window-**对象-所有bom对象的顶层对象
-window.alert(); 普通弹出框;
-window.confirm(); 确认框
-window.prompt(); 输入弹出框
-window.open();打开一个新的窗口 三个参数 ("URL",("name"),"with,height")
-window.close();关闭窗口(兼容性差,极大部分浏览器不支持)
-函数 window.opener; 返回父页面
js中的定时器函数(bom对象)hi
-setInterval("js代码",毫秒数); 表示每过多少秒,执行以下函数
-setTime("js代码",毫秒数); 表示多少秒之后执行 注意只执行一次
-clearInterval(); 清除第一种定时器函数
-clearTimeout(); 清除第一种定时器函数
js中的DOM对象:
-document.getElementById() ; 通过设置的ID获取 返回一个对象
-document.getElementsByName(); 通过设置的name获取 返回一个集合
-document.getElementsByTagName();通过标签获取 返回一个集合
- var check = document.getElementsByTagName('input')[0];
console.log(check.checked);//false
判断复选框是否被选中
js中Note节点对象:
- 1 .向节点中添加元素
例:向ul中添加一个li
获取ul标签
var ul1 = document.getElementById("ul1");
创建li标签
var li1 = document.createElement("li");
创建文本
var test1 = document.createTextNode("5555");
向li标签加入文本
li1.appendChild(test1);
向ul中添加li
ul1.appendChild(li1);
js 中的 element 对象: 这个对象的方法必须使用document对象调用
- setAttribute(“id”,123);
- getAttribute(“属性”)
- removeAttribute(“id”) 注意 value不可删除
- ul1.getElementsByTagName("li"); // 获取ul标签下面所有的子标签
*- 列:
<input type="button" id = "aL" value="ac"/>
var a = document.getElementById("aL");
原来
alert(a.id);
a.setAttribute("id",123);
现在
alert(a.getAttribute("id"));
一些小知识点-只需了解就行了
js中有重载吗?
答:1.js中没有重载!
2.但是可以通过 argumengts 数组来模拟“重载”
function ovv(){
if(arguments.length == 2){
return arguments[0]+arguments[1];
}else if(arguments.length == 3){
return arguments[0]+arguments[1]+arguments[2];
}
}
document.write(ovv(1,2));
document.write(ovv(1,3,6));
js的递归函数:输出n次helloword
答:
function print(n){
if(n == 0){
return;
}
document.write("Hello Word </br>");
return print(n-1);
}
print(100);
js中Note节点对象:
- 1 .向节点中添加元素
例:向ul中添加一个li
获取ul标签
var ul1 = document.getElementById("ul1");
创建li标签
var li1 = document.createElement("li");
创建文本
var test1 = document.createTextNode("5555");
向li标签加入文本
li1.appendChild(test1);
向ul中添加li
ul1.appendChild(li1);