js部分知识整理,google浏览器的代码调试
整理一些学过的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浏览器的代码调试的更多相关文章
- nodejs 使用Google浏览器进行可视化调试——Node Inspector工具
1.npm安装Node Inspector工具,全局安装 命令行执行npm install -g node-inspector 2.启动Node Inspector工具,命令行执行 node-insp ...
- js基础知识整理
一.javaScript,也称之为js,是专为网页交互设计的脚本语言.主要由以下三部分组成: 1)ECMAScript 由ECMA-262定义,提供核心语言功能. 2)DOM对象(document ...
- Node.js入门-知识整理
目的:使用Node.js实现文件上传并将上传的文件显示到浏览器中 基本工具:Node.js,在windows下需要下载cygwin64来运行shell命令 文件:服务器模块.请求路由模块.请求处理程序 ...
- js 相关知识整理(一)
真正声明变量,是用逗号隔开的 EcM5:严格模式“use strict” java与js 语言的区别: 1.弱类型语言 1.声明变量时不需要提前指定数据类型 2.同一个变量可先后保存不同类型的数据 3 ...
- js 全世界最短的IE浏览器判断代码
var ie = !+"\v1"; 仅仅需要7bytes!参见这篇文章,<32 bytes, ehr ... 9, ehr ... 7!!! to know if your ...
- JS BOM知识整理
BOM部分主要是针对浏览器的内容,其中常用的就是window对象和location, window是全局对象很多关于浏览器的脚本设置都是通过它. location则是与地址栏内容相关,比如想要跳转到某 ...
- js事件知识整理
鼠标事件 鼠标移动到目标元素上的那一刻,首先触发mouseover 之后如果光标继续在元素上移动,则不断触发mousemove 如果按下鼠标上的设备(左键,右键,滚轮……),则触发mousedown ...
- 个人JS零碎知识整理
1."DOM2级事件"规范要求的事件流包括三个阶段:事件捕获阶段.处于目标阶段.事件冒泡阶段 2.isNaN() 数字.空串.空格 返回false 变量是数字时返回fa ...
- 利用google浏览器开发者工具调试网页(详)
前端程序员或者在校大学生正在开发网页,如果想要测试或者通过测试优化网页结构,该怎么办呢?这就需要用到一款工具,chrome浏览器的开发者工具?本文写给尚不熟悉这个开发者工具的同学们或者同行们,话不多说 ...
随机推荐
- [强制]IDE使用UTF-8和LF
Java 程序开发常用的集成开发环境(IDE)有Eclipse和IntelliJ IDEA.Eclipse是免费开源的,很多早期程序员使用它的比较多.IntelliJ IDEA有社区版和企业版,社区版 ...
- SQL Server On Linux:基于实际项目案例,总结功能支持情况及相关问题解决方案,讲如何快速完成迁移
上个月,有个朋友问我说Sql Sever向Mysql迁移有什么好的经验分享,他们公司客户明确提出不再提供Windows服务器,现在计划Mysql迁移.我说Mysql迁移成本太高了,不妨可以了解一下SQ ...
- 万万没想到,面试中,连 ClassLoader类加载器 也能问出这么多问题…..
1.类加载过程 类加载时机 「加载」 将类的.class文件中的二进制数据读入到内存中,将其放在运行时数据区的方法区内,然后在内存上创建一个java.lang.Class对象用来封装类在方法区内的数据 ...
- phpstorm2020.1最新版永久破解
phpstorm最新安装包以及破解包下载 链接:https://pan.baidu.com/s/177DyhBWP7Lek2IAd-CVJbg 提取码:rhpz 下载安装以及先选择试用什么的傻瓜式操作 ...
- Java安全之Weblogic 2016-3510 分析
Java安全之Weblogic 2016-3510 分析 首发安全客:Java安全之Weblogic 2016-3510 分析 0x00 前言 续前面两篇文章的T3漏洞分析文章,继续来分析CVE-20 ...
- shelll中test命令的使用【转】
Shell中的 test 命令用于检查某个条件是否成立,它可以进行数值.字符和文件三个方面的测试. 数值测试 参数 说明 -eq 等于则为真 -ne 不等于则为真 -gt 大于则为真 -ge 大于等于 ...
- JAVA开发手册-Markdown
前言 前 言 <Java 开发手册>是技术团队的集体智慧结晶和经验总结,经历了多次大规模一线实战的检验及不断完善.现代软件行业的高速发展对开发者的综合素质要求越来越高,因为不仅是编程知识点 ...
- Tomcat配置上遇到的一些问题
Tomcat启动:在bin目录下双击startup.bat文件就行. 访问:在浏览器输入http://localhost:8080 回车访问的是自己 的界面: http://othersip:8080 ...
- Python 日志打印之logging.getLogger源码分析
日志打印之logging.getLogger源码分析 By:授客 QQ:1033553122 #实践环境 WIN 10 Python 3.6.5 #函数说明 logging.getLogger(nam ...
- 面试时通过volatile关键字,全面展示线程内存模型的能力
面试时,面试官经常会通过volatile关键字来考核候选人在多线程方面的能力,一旦被问题此类问题,大家可以通过如下的步骤全面这方面的能力. 1 首先通过内存模型说明volatile关键字的作用 ...