js系统内置函数
1 系统内置函数
OnClick点击事件
OnLoad 页面加载事件
OnSubmit 提交事件
OnBlur失去焦点事件
OnFocus 获得焦点事件
OnChange 改变事件
OnMouseover 鼠标移入事件
OnMouseout 鼠标移出事件
window.onload = function(){
var num = "123";
alert(typeof(num))
num = parseInt(num);//将字符串类型转换为number 用paresInt()的时候转变的字符串里面如果不是以数值开始的话,则返回NAN不是一个数字(是number)
alert(typeof(num));
}
var num =123.4
num = parseInt(num);
alert(num) /*123*/
num = parseFloat(num);
alert(num) /*123.0*/
2
window.onload = function(){
alert("HELLO WORLD")
confirm("是否确认注册")
prompt("请输入信息")
console.log("hello");
}
3
window.onload = function(){
alert("HELLO WORLD")
confirm("是否确认注册")
prompt("请输入信息")
console.log(document.getElementById("txt"));
}
4 window.onload = function(){
alert("hello")
var flag = confirm("是否确认")
if(flag){
alert("您点击的是确认")
}else{
alert("你点击的不是确认")
return false;
}
}
5 var str=prompt ("请输入信息")
if(str=="admin"){
alert("admin")
}else{
alert("输入错误")
}
2 点击事件
function dianji(){
var obj = document.getElementById("txt");//获取当id 为txt目标对象
obj.style.fontSize = "50px";
obj.style.color = "red";
}
function checkSex1(){
alert(document.getElementById("sex1").value)
}
function checkSex2(){
alert(document.getElementById("sex2").value)
}
function unload(){
alert("unload")
}
性别:男
女
3 焦点事件
function check(){
if(document.getElementById("user").value.length>8){
alert("用户名的长度不能大于8")
}else{
alert("用户名可用")
}
}
function checkPwd(){
if(document.getElementById("pwd").value.length>6){
alert("密码长度不能大于6");
}else{
alert("密码可用")
}
}
function Text(){
document.getElementById("user").value="";
}
4 eval
eval()
运行以字符串形式表示的javascript代码串,并返回执行代码串后的结果。
例子:计算用户输入在文本框的表达式的计算结果。
function calc(){
var express=document.getElementById("info").value;
var result=eval(express);
alert("输入在文本框的表达式的结果是:"+result);
}
5输入数据
function dianji(){
var obj=document.getElementById("txt")
var valu =obj.value;//关键字不能一样
alert(valu)
}
6 获得value的值
第一种方法
function check(){
var inputObj = document.getElementById("txt");
var txt = inputObj.value;
var num = parseInt(txt);
if(!isNaN(num)){
if(txt<=60){
alert("继续努力")
}else{
alert("及格了")
}
}else{alert("输入有误")}
}
第二种方法
function checkScore(){
var
score=document.getElementById("score").value;
var resultScore = parseInt(score)
if(resultScore>0){
if(resultScore<=100){
if(resultScore<60){
alert("你完蛋了")
}else if(resultScore<80){
alert("及格了")
}else{
alert("书呆子")
}
}else{
alert("成绩有误");
}
}
}
8 判断一个数值是不是数字
isNaN(要判断的值);
function check(){
var val = document.getElementById("txt").value;
var num = parseInt(val)
if(isNaN(num)){
alert("输入的不合法")
}
if(!isNaN(num)){
alert("输入的是数字")
}
}
9分支语句
选择语句:根据选择的条件判断执行哪一段代码
If语句:
单分支的用法: if(“判断条件返回值是boolean类型的值“){
代码块;
}
双分支语句:
If(isNaN(num)){
Alert(“您输入的不合法“)
}else{
Alert(“你输入的是数字“)
}
多分支语法:当一个判断条件不能满足我们的时候
If(){
}else if(){
}else if(){
}……else{
}
10 颜色选择器
function chooseColor(){
var bgObj = document.getElementById("bg")//在事
件源对象所对应的html标签上增加一个要处理的
//事件属性,让事件属性值等于处理该事件的函数名或程序代码,获得id元素
var obj=document.getElementById("col")
var val=obj.value//获得目标的数值
var num = parseInt(val)//将字符转化为number
if(num==1){
bgObj.style.background="red";}
if(num==2){
bgObj.style.background="yellow";}
if(num==3){
bgObj.style.background="green";}
if(num==4){
bgObj.style.background="blue";}
}
请选择颜色:
11 运算器
第一种方法
function jisuan(){
var
inputVal1=document.getElementById("txt1").value//第一个输入框的值
var
inputVal2=document.getElementById("txt2").value//第二个输入框的值
var
selectVal=document.getElementById("sel").value//获取符号的值
if(selectVal=="+"){
document.getElementById("txt3").value=parseInt(inputVal 1)+parseInt(inputVal2)
}
if(selectVal=="-"){
document.getElementById("txt3").value=parseInt(inputVal 1)-parseInt(inputVal2)
}
if(selectVal=="*"){
document.getElementById("txt3").value=parseInt(inputVal 1)*parseInt(inputVal2)
}
if(selectVal=="/"){
document.getElementById("txt3").value=parseInt(inputVal 1)/
parseInt(inputVal2)
}
}
=
第二种方法
function jisuan(){
var
inputVal1=document.getElementById("txt1").value
var
inputVal2=document.getElementById("txt2").value
var
selectVal=document.getElementById("sel").value
switch(selectVal){
case "+":
document.getElementById("txt3").value=parseInt(inputVal 1)+parseInt(inputVal2);
break;
case "-":
document.getElementById("txt3").value=parseInt(inputVal 1)-parseInt(inputVal2);
break;
case "*":
document.getElementById("txt3").value=parseInt(inputVal 1)*parseInt(inputVal2);
break;
case "/":
document.getElementById("txt3").value=parseInt(inputVal 1)/parseInt(inputVal2);
break;
}
}
=
12 三目运算符
Boolean?第一个值:第二个值;Boolean类型返回true时则执行第一个
var str =2>3?"1不大于2":"1大于2";
alert(str);
Switch(参数){
Case 参数:语句块
Break;
Case 参数:语句块
Break;
Default;以上都不是
}
13 显示时间
/* var now =new Date();//当前的时间
alert(now);
var Dat =now.getDate();//当前的日子
alert(Dat);
var year = now.getFullYear();//年份
alert(year)
var month = now.getMonth()+1;//月份
alert(month)
var week =now.getDay();//几月
alert(week)*/
var now =new Date();
var week = now.getDay();
switch(week)
{
case 1:
case 2:
case 3:
case 4:
case 5:
alert("工作日");
break;
default:alert("休息日")
break;
}
14 onload事件
onload和onunload事件
onload 事件会在页面加载完成后立即发生
用户关闭或刷新网页时触发onunload事件
window.onload=function(){
window.status=“欢迎光临";
}
JS数学函数的调用
1 SQRT1_ 2 属性返回 2 的平方根的倒数。这个值近似为 0.7071067811865476。语法 Math.SQRT1_2 实例 返回 1/2 的平方根: 输出: SQRT1_2: 0.7071067811865476 2 SQRT2 属性返回 2 的平方根。这个值近似为 1.4142135623730951。 语法 Math.SQRT2 实例 返回 2 的平方根: 输出: SQRT2: 1.4142135623730951
3 strike() 方法用于显示加删除线的字符串。 语法 stringObject.strike() 实例 在本例中,"Hello world!" 将被加上一条删除线: 4 String() 函数把对象的值转换为字符串。 语法 String(object) 参数描述 object 必需。JavaScript 对象。 实例 在本例中,我们将尝试把不同的对象转换为字符串: var num =123.4 num = parseInt(num); alert(num) /*123*/ num = parseFloat(num); alert(num) /*123.0*/ 2 window.onload = function(){ alert("HELLO WORLD") confirm("是否确认注册") prompt("请输入信息") console.log("hello"); } 3 window.onload = function(){ alert("HELLO WORLD") confirm("是否确认注册")
prompt("请输入信息") console.log(document.getElementById("txt")); }
4 window.onload = function(){ alert("hello") var flag = confirm("是否确认") if(flag){ alert("您点击的是确认") }else{ alert("你点击的不是确认") return false; } } 5 var str=prompt ("请输入信息") if(str=="admin"){ alert("admin") }else{ alert("输入错误") } 2 点击事件