首页 » JavaScript » js部分知识整理,google浏览器的代码调试

js部分知识整理,google浏览器的代码调试

2017-06-23 16:20:02阅读(1518)

整理一些学过的js知识点,包括js中3个括号的含义,this的使用,递归,google浏览器代码调试。Location的属性及常用方法,window对象常用方法,open方法等。

js括号

在js中,三种括号所对应的不同含义:

{} —-对象
[] —-数组
() —-执行

this方法
var person = {
    /*对象属性*/
    neme: "jerr",
    age: 22,
    /*对象的方法*/
    eat: function (food) {
    **//this 誰調用這個方法,誰就是this**
        alert(this.name);
        alert("I like:");
    }
};
person.eat();
google浏览器代码调试

代码调试:

F12 —弹出调试页面,进入sources页面
F10 —一步一步执行 ,遇到方法,一步执行完,无法看到方法执行情况
F11 —一步一步执行 ,遇到方法,进入到方法内部,可以查看方法的具体执行情况
shift+F11 —从当前的方法退出
F8 —停止当前的调试!!!!!必须停止。
在调试的watch里可以添加变量的监听
breakpoints —-断电的清理, 可以单个清理, 常用的是一次性清理全部

Location

Location对象 常用属性:

   hash:     设置或返回从井号(#)开始的URL(锚)
   host:     设置或返回主机名和当前URL的端口号
   hostname: 设置或返回当前URL的主机名
   href:     设置或返回完整的URL
   pathname: 设置或返回当前URL的路径部分
   port:     设置或返回当前URL的端口号
   protocol: 设置或返回URL的协议
   search:   设置或返回从问号(?)开始的URL(查询部分)

Location常用方法:

   assign()  ---加载新的文档
   reload()  ---重新加载加载当前文档
   replace() ---用新的文档替换当前文档
window对象

window对象常用方法:

prompt:   显示可提示用户输入的对话框
alert:    显示带有一个提示信息的一个确定按钮的警示框
confirm:  显示一个带有提示信息,确定和取消按钮的对话框
close:    关闭浏览器窗口
open:     打开一个新的浏览器窗口,加载给定URL所指定的文档
setTimeout:  在指定的毫秒数后调用函数或计算表达式
setinterval:  按照指定的周期(以毫秒计)来调用函数或表达式
clearinterval:  清除之前设置的定时器
clearTimeout:   清除之前设置的超时
open

open方法 (窗口特征)

height、width: 窗口文档显示区的高度、宽度。以像素计。
left、top: 窗口的x坐标,y坐标。以像素计。
toolbar=yes|no|1|0 是否显示浏览器的工具栏。默认是yes
scrollbars=yes|no|1|0: 是否显示滚动条。默认是YES
location=yes|no|1|0: 是否显示地址地段。默认是YES
status=yes|no|1|0: 是否添加状态栏,默认是YES
menubar=yes|no|1|0: 是否显示菜单栏,默认是YES
resizable=yes|no|1|0: 窗口是否可调节尺寸,默认是YES
titlebar=yes|no|1|0: 是否显示标题栏。默认是YES
fullscreen=yes|no|1|0 是否使用全屏模式显示浏览器。默认是no,处于全屏模式的窗口必须同时处于剧院模式

navigator
来自 navigator 对象的信息具有误导性,
不应该被用于检测浏览器版本,这是因为:
1:navigator 数据可被浏览器使用者更改
2:一些浏览器对测试站点会识别错误
3:浏览器无法报告晚于浏览器发布的新操作系统
 txt = "<p>浏览器代号: " + navigator.appCodeName + "</p>";
    txt+= "<p>浏览器名称: " + navigator.appName + "</p>";
    txt+= "<p>浏览器版本: " + navigator.appVersion + "</p>";
    txt+= "<p>启用Cookies: " + navigator.cookieEnabled + "</p>";
    txt+= "<p>硬件平台: " + navigator.platform + "</p>";
    txt+= "<p>用户代理: " + navigator.userAgent + "</p>";
    txt+= "<p>用户代理语言: " + navigator.systemLanguage + "</p>";

最新发布

CentOS专题

关于本站

5ibc.net旗下博客站精品博文小部分原创、大部分从互联网收集整理。尊重作者版权、传播精品博文,让更多编程爱好者知晓!

小提示

按 Ctrl+D 键,
把本文加入收藏夹