一、BOM:浏览器对象模型
用到的关键字:prompt 可输入值对话框alert 无输入值提示框
onclick 引用函数
function () 创建函数关键字
1.parseInt ()将括号数据转换为整数类型 2.parseFloat() 转换浮点类型
isNaN () 判断括号里数据是否为非数字
window.location=“ 链接地址”
window.open(链接地址,名称,高,宽)
history.back() 后退按钮
history.go(-1) 后退或前进页面,根据数字设置,-1代表后退
history.forward() 前进按钮
函数:
与java语法中的方法非常相似。javaScript分为系统函数和自定义函数。
在定义函数前必须要启用script标签↓,在其标签内在能使用函数。也可以外部引入↓
函数
系统函数
函数名说明
parselnt("字符串")将字符串转换为整形数字如:parseInt("86")就是将字符串"86"转换为整形值
parseFloat("字符串")
将字符串转换为整形数字如:parseFloat("86.01")就是将字符串"86.01"转换为浮点值
isNaN(写入你需要判断的值)用来判断其值是否为数字,若是数字则返回false,否则返回true
自定义函数
function 自定义函数名(可以输入参数,类似java中的有参方法){
设置函数的具体方法,可以设置返回值也可以不用←return
PS:若需要在文档中打印出语句可以使用document.write(内容)
在函数中可以使用\n来换行,无需用连接符直接使用即可如→"你好,我要换行\n这是第二行"
}
一般常用调用函数方法可以采用onclick =函数名()
名称说明
onload一个页面或一副图像完成加载
onlick鼠标单机某个对象
onmouserover属性在鼠标指针移动到元素上时触发
onkeydown某个键盘按键被按下
onchange域的内容被改变
示例代码:function show() {
var sum=0;
var num1=parseInt(prompt("请输入第一个数",""));
var num2=parseInt(prompt("请输入第二个数",""));
var type=prompt("请输入运算符","");
switch (type){
case "+":
sum=num1+num2;
break;
case "-":
sum=num1-num2;
break;
case "*":
sum=num1*num2;
break;
case "/":
sum=num1/num2;
break;
}
document.write(sum)
}
show()" value="确定">
二、window对象
1.confirm方法
示例代码:
<script type="text/javascript">function show() {var flag=window.confirm("确定要删除本信息吗")/* var flag=confirm("确定要删除本信息吗")*/ /*与以上相同*/ if (flag==true){alert("删除成功") }else{alert("删除失败") } }script><input type="button" value="确定" onclick="show()">
2.open方法
<script type="text/javascript">function show() {window.open("https://www.baidu.com","第一个窗口",'width=200,heigth=200'); }script><input type="button" value="确定" onclick="show()">
三、history对象
写在HTML里<a href="javascript:history.forward">前进a> 前进
<a href="javascript:history.back()">后退a>后退
四、location对象
<a href="javascript:location.reload()">刷新本页a>
<a href="javascript:location.href='spring.html'">春a>
参考自CSDN