整理一些学过的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>";

js部分知识整理,google浏览器的代码调试的更多相关文章

  1. nodejs 使用Google浏览器进行可视化调试——Node Inspector工具

    1.npm安装Node Inspector工具,全局安装 命令行执行npm install -g node-inspector 2.启动Node Inspector工具,命令行执行 node-insp ...

  2. js基础知识整理

    一.javaScript,也称之为js,是专为网页交互设计的脚本语言.主要由以下三部分组成: 1)ECMAScript  由ECMA-262定义,提供核心语言功能. 2)DOM对象(document ...

  3. Node.js入门-知识整理

    目的:使用Node.js实现文件上传并将上传的文件显示到浏览器中 基本工具:Node.js,在windows下需要下载cygwin64来运行shell命令 文件:服务器模块.请求路由模块.请求处理程序 ...

  4. js 相关知识整理(一)

    真正声明变量,是用逗号隔开的 EcM5:严格模式“use strict” java与js 语言的区别: 1.弱类型语言 1.声明变量时不需要提前指定数据类型 2.同一个变量可先后保存不同类型的数据 3 ...

  5. js 全世界最短的IE浏览器判断代码

    var ie = !+"\v1"; 仅仅需要7bytes!参见这篇文章,<32 bytes, ehr ... 9, ehr ... 7!!! to know if your ...

  6. JS BOM知识整理

    BOM部分主要是针对浏览器的内容,其中常用的就是window对象和location, window是全局对象很多关于浏览器的脚本设置都是通过它. location则是与地址栏内容相关,比如想要跳转到某 ...

  7. js事件知识整理

    鼠标事件 鼠标移动到目标元素上的那一刻,首先触发mouseover 之后如果光标继续在元素上移动,则不断触发mousemove 如果按下鼠标上的设备(左键,右键,滚轮……),则触发mousedown ...

  8. 个人JS零碎知识整理

    1."DOM2级事件"规范要求的事件流包括三个阶段:事件捕获阶段.处于目标阶段.事件冒泡阶段 2.isNaN()       数字.空串.空格 返回false 变量是数字时返回fa ...

  9. 利用google浏览器开发者工具调试网页(详)

    前端程序员或者在校大学生正在开发网页,如果想要测试或者通过测试优化网页结构,该怎么办呢?这就需要用到一款工具,chrome浏览器的开发者工具?本文写给尚不熟悉这个开发者工具的同学们或者同行们,话不多说 ...

随机推荐

  1. svg基础--基本语法与标签

    svg系列–基础 这里会总结svg的基础知识和一些经典的案例. svg简介 SVG(Scalable Vector Graphics)is an XML-based Language for crea ...

  2. [不止于代码]Unraid基本使用速记

    1.Unraid简介 Unraid是一个虚拟机系统,类似于VM.PVE,但又区别于前二者.通过Unraid的Dokcer可以快速构建类Nas及虚拟机环境,也可虚拟黑群晖使用,可以使用磁盘阵列,保护你的 ...

  3. 设计模式之单例模式(Singleton Pattern)深入浅出

    单例模式介绍:单例模式是指确保一个类在任何情况下都绝对只有一个实例,并且提供一个全局的访问点.隐藏其所有构造方法,属于创新型模式. 常见的单例有:ServletContext.ServletConfi ...

  4. vrp OS Switch Rotuer Application

    交换机可以隔离冲突与,路由器可以隔离广播域,这两种设备在企业网络中应用越来越广泛.随着越来越多的终端接入到网络中,网络设备的负担也越来越重,这时网络设备可以通过华为专有的VRP系统来提升运行效率. 通 ...

  5. NIO基础操作

    原文链接http://zhhll.icu/2020/05/18/java%E5%9F%BA%E7%A1%80/IO/NIO%E5%9F%BA%E6%9C%AC%E6%93%8D%E4%BD%9C/ N ...

  6. 【MySQL 高级】知识拓展

    MySQL高级 知识拓展 MySQL高级 知识拓展 数据量 和 B+树 的关系 事务隔离级别集底层原理MVCC 唯一索引和普通索引的关键不同点 MRR:multi range read 练习和总结

  7. CSS 奇思妙想边框动画

    今天逛博客网站 -- shoptalkshow,看到这样一个界面,非常有意思: 觉得它的风格很独特,尤其是其中一些边框. 嘿嘿,所以来一篇边框特辑,看看运用 CSS,可以在边框上整些什么花样. bor ...

  8. 【Git】4、创建代码仓库,HTTP、SSH拉取远端代码

    拉取远端代码:使用Git命令下载远程仓库到本地 文章目录 拉取远端代码:使用Git命令下载远程仓库到本地 1.创建远程代码仓库 2.创建仓库 3.进入仓库 4.HTTP(S)获取远程仓库 首次拉取 更 ...

  9. 奇技淫巧,还是正统功夫? - Python推导式最全用法

    前言 本文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,如有问题请及时联系我们以作处理. PS:如有需要Python学习资料的小伙伴可以加点击下方链接自行获取 python免费学习资 ...

  10. MongoDB 总结

    目录 1. 逻辑结构 2. 安装部署 2.1 系统准备 2.2 mongodb安装 2.2.1 创建所需用户和组 2.2.2 创建mongodb所需目录结构 2.2.3 上传并解压软件到指定位置 2. ...