5月12日上课笔记-js 弹出框、函数、程序调试、基本事件、浏览器对象模型
一、弹出框
a.提示框
alert();
b.输入框
prompt();
c.确认框
confirm();
var flag= confirm("确认删除吗?");
二、js程序调试
先看console控制台是否报错
浏览器debug
alert();
console.log();
三、函数
系统函数:
parseInt(); 能够转换首字符是数字的字符串
Number();只能转换数字的字符串
isNaN(); is not a number //是不是非数字?
自定义函数:
a、funtion 方法名(参数1,参数2...){
// return
}
funtion show(str,age){}
public void show(String str,int age){ }
b. var 方法名=function(参数1,参数2...){
//return 值
}
在超链接中调用js代码
<a href="javascript:sf();">请点击</a>
四、js中常用的事件
onload //页面加载完毕执行
onclick //鼠标单击事件
onmouseover //鼠标移上事件
onmouseout //鼠标移开事件
onfocus //聚焦输入框事件
onblur //移开输入框事件
onkeydown; //键盘按下事件
回车事件:
document.onkeydown=function(e){
if(e.keyCode==13){ //回车键
alert("登录!");
}
}
onchange;//下拉框切换事件
<select onchange="alert('下拉框改变了');">
<option>北京</option>
<option>深圳</option>
<option>合肥</option>
</select>
onsubmit;//表单提交事件
五、浏览器对象模型
window对象(一般省略不写)
window.onload = function(){
}
常用的属性
history
window.history.go(-1);//返回上一个页面
history.go(0);//刷新
window.history.go(1);//下一个页面
location
location.reload();//刷新
跳转页面:
window.location.href = "http://www.bdqn.cn";
常用方法:
alert();prompt();confirm();
打开新窗口 open();
关闭:close();
5月12日上课笔记-js 弹出框、函数、程序调试、基本事件、浏览器对象模型的更多相关文章
- 5月11日上课笔记-js简介
一.js 1.javascript简介: 是一门脚本语言(弱类型编程语言)(php是脚本语言) 编程语言如java,先编译后运行 脚本语言不需要编译 作用: 表单验证 页面特效 语法:和Java类似, ...
- 5月17日上课笔记-js面向对象
二.js面向对象 js创建对象: var 对象名称 = new Object(); person.name = "小明"; //姓名 person.age = 18; person ...
- 5月16日上课笔记-js中DOM操作
一.DOM操作 DOM节点的操作 增加 删除 修改 节点的信息: nodeName 获取节点的标签名 parentNode 获取父节点 childNodes IE忽略回车换行,chrome回车换行是文 ...
- 5月15日上课笔记-js中 location对象的属性、document对象、js内置对象、Date事件对象、
location的属性: host: 返回当前主机名和端口号 定时函数: setTimeout( ) setInterval() 二.document对象 getElementById(); 根据ID ...
- 5月24日上课笔记-js操作DOM
解析properpties配置文件 类加载器 ResourceBundle 一.jquery操作DOM 1.jquery操作css css("",""); cs ...
- 5月22日上课笔记-js属性选择器、过滤选择器、鼠标事件
一.属性选择器 [attr] 包含属性 [attr=value] 属性值 [attr!=value] 属性值不等于value [attr^=value] 属性值以value开头 [attr$=valu ...
- bootstrap中popover.js(弹出框)使用总结+案例
bootstrap中popover.js(弹出框)使用总结+案例 *转载请注明出处: 作者:willingtolove: http://www.cnblogs.com/willingtolove/p/ ...
- 【转】js弹出框、对话框、提示框、弹窗总结
js弹出框.对话框.提示框.弹窗总结 一.js的三种最常见的对话框 //====================== JS最常用三种弹出对话框 ======================== //弹 ...
- js js弹出框、对话框、提示框、弹窗总结
js弹出框.对话框.提示框.弹窗总结 一.JS的三种最常见的对话框 //====================== JS最常用三种弹出对话框 ======================== //弹 ...
随机推荐
- L157
UK Watchdog: Smugglers to Exploit Border if no Brexit DealSmugglers and other organized criminals ar ...
- 通过摄像机视频设备或者流媒体服务器SDK获取到数据转换成RTMP流实现网页/手机微信播放
写这篇博客主要是为了给新入门的流媒体开发者解惑,现在看到各种开发者的需求:网页播放RTSP摄像机.微信播放RTSP摄像机.网页播放摄像机SDK输出的视频流.网页播放第三方流媒体平台输出的视频流.包括G ...
- I.MX6 Kernel BUG at include/linux/netdevice.h:520!
/*************************************************************************** * I.MX6 Kernel BUG at i ...
- Mac终端建立替身 并置于桌面或Finder中
前情 Xcode存放log的文件夹路径忒长了,且需要用终端才能查看.所以就想制作个替身,放在Finder中便于查看. going on command+space打开terminal 一直cd...进 ...
- ios 控制器的生命周期
#pragma mark - 控制器生命周期 // 视图将要出现 - (void)viewWillAppear:(BOOL)animated { [super viewWillAppear:anima ...
- div横排放置对齐问题;block,inline,inline-block区别
1.左右两个div都设置为float:left,如果右边div没有设置宽度,右边div的宽度会根据div里的内容自动调整. 缺点:不易控制 2.只有左侧div设置为float:left,右侧div设置 ...
- 利用 TypeConverter,转换字符串和各种类型只需写一个函数
本文代码基于 .NET Framework 实现. 本来只想进行简单的配置存储的,不料发现 .NET 的基本类型多达十多种.于是,如果写成下面这样,那代码可就太多了哦: // 注:`Configura ...
- ASP.NET Core 中的SEO优化(1):中间件实现服务端静态化缓存
分享 最近在公司成功落地了一个用ASP.NET Core 开发前台的CMS项目,虽然对于表层的开发是兼容MVC5的,但是作为爱好者当然要用尽量多的ASP.NET Core新功能了. 背景 在项目开发的 ...
- 在 ubuntu 中安装 python3.5 tornado pymysql
一.在 ubuntu 中安装 python3.5 1.首先,在系统中是自带python2.7的.不要卸载,因为一些系统的东西是需要这个的.python2.7和python3.5是可以共存的. 命令如下 ...
- 《DSP using MATLAB》示例Example 9.5
代码: %% ------------------------------------------------------------------------ %% Output Info about ...