JS基础学习(二)
昨天把网站上的基础知识看完了,下面是剩下的部分
第六节 JS Window浏览器对象模型
JavaScript全局对象,函数,变量均自动成为window对象的成员。
1.Window对象
1.获取浏览器窗口的尺寸
var w = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth; var h = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
2.打开新窗口
window.open()
3.关闭当前窗口
window.close()
4.移动当前窗口
window.moveTo()
5.调整当前窗口的尺寸
window.resizeTo()
2.可用屏幕宽高
screen.availWidth
screen.availHeight
3.Location类
location.href 属性返回当前页面的 URL。
location.hostname //返回 web 主机的域名
location.pathname //返回当前页面的路径和文件名
location.port //返回 web 主机的端口 (80 或 443)
location.protocol //返回所使用的 web 协议(http:// 或 https://)
location.assign("中间填你要加载的‘文档’,即网址");
4.History类
history.back() 与在浏览器点击后退按钮相同
history.forward() 与在浏览器中点击按钮向前相同
5.提示框
alert("填写警告的内容!!!"); var r=confirm("确认框确认的内容");
if (r==true)
{
alert("You pressed OK!");
}
else
{
alert("You pressed Cancel!");
} //name是你输入的字符
var name = prompt("提示框的名字", "默认输入框的名字");
6.Time
var t=setTimeout("javascript语句",毫秒)
clearTimeout(t);
7.cookie
document.cookie = "名字 = 值; expires=Thu, 18 Dec 2013 12:00:00 GMT; path=/";
// (后面的可以没有)存在时间,默认关闭浏览器删除; 路径,默认当前页面
关于cookie修改:实际上是用新的覆盖旧的
关于cookie删除:改变时间,将时间改到现在以前
eg.
document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT"; document.cookie //获取所有的cookie,并以 cookie1 = value1;cookie2 = value2.....形式显示
8.Navigator类
用于获取用户浏览器的信息
//但是不够准确,容易被误导 第七节 JS库
常用的JS库(框架)
jQuery
Prototype
MooTools
//具体使用差对应文档
1.jQuery
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
</head>
<body>
</body>
</html>
允许链式语法,在一个对象上执行多个方法
2.Prototype
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js>
</script>
</head>
<body>
</body>
</html>
第八节 杂七杂八
一 标签
<h*> </h*> //*是数字。标题,*表示字号
<p> </p> //分行
字符串 + "<br/>"//换行
二 字符串方法
var str = "HaHa!!!"; str.big(); 放大字体
str.small(); 缩小字体
str.bold(); 加黑
str.italics(); 斜体
str.blink(); 闪烁
str.fixed(); 显示为打字机字体
str.strike(); 加删除线 str.fontcolor("Red") //字色
str.fontsize(16) //字体大小 str.toUpperCase() //全大写
str.toLowerCase() //全小写 str.sub() //下角标
str.sup() //上角标 txt.link("链接网址")
JS基础学习(二)的更多相关文章
- Node.js基础学习二之POST请求
本篇介绍下 Node.js post 请求 需求: 用户登录,前端界面输入用户名和密码,点击登录请求后台验证,根据后台反馈的信息做出响应 前端: (1)使用form表单 (2)使用ajax异步请求 服 ...
- 进击Node.js基础(二)
一.一个牛逼闪闪的知识点Promise npm install bluebird 二.Promise实例 ball.html <!doctype> <!DOCTYPE html> ...
- Python入门基础学习 二
Python入门基础学习 二 猜数字小游戏进阶版 修改建议: 猜错的时候程序可以给出提示,告诉用户猜测的数字偏大还是偏小: 没运行一次程序只能猜测一次,应该提供多次机会给用户猜测: 每次运行程序,答案 ...
- JS基础学习——对象
JS基础学习--对象 什么是对象 对象object是JS的一种基本数据类型,除此之外还包括的基本数据类型有string.number.boolean.null.undefined.与其他数据类型不同的 ...
- JS基础学习——闭包
JS基础学习--闭包 什么是闭包 闭包的定义如下,它的意思是闭包使得函数可以记住和访问它的词法范围,即使函数是在它声明的词法范围外执行.更简单来讲,函数为了自己能够正确执行,它对自己的词法范围产生闭包 ...
- JS基础学习——作用域
JS基础学习--作用域 什么是作用域 变量的作用域就是变量能被访问到的代码范围,比如在下面的这个js代码中,变量a的作用域就是函数foo,因此在全局作用域内的console.log(a)语句不能访问到 ...
- Python基础学习二
Python基础学习二 1.编码 utf-8编码:自动将英文保存为1个字符,中文3个字符.ASCll编码被囊括在内. unicode:将所有字符保存为2给字符,容纳了世界上所有的编码. 2.字符串内置 ...
- Go基础学习(二)
数组[array] 数组定义[定义后长度不可变] 12 symbol := [...]string{USD: "$", EUR: "€", GBP: " ...
- Node.js基础学习四之注册功能
前言:在Node.js学习(二)和(三)中介绍了如何在Node.js 中获取登录的用户名和密码与数据库进行验证并返回数据给客户端 需求:实现注册功能 为了区分登录和注册是两个不同的请求,在端口后面加上 ...
- js基础练习二之简易日历
今天学到了js基础教程3,昨天的课后练习还没来的及做,这个是类似简易日历的小案例,视频还没听完,今晚继续...... 先看效果图: 其实做过前面的Tab选项卡,这个就很好理解了,通过鼠标放在不同月份月 ...
随机推荐
- Spring Boot中的事务管理
原文 http://blog.didispace.com/springboottransactional/ 什么是事务? 我们在开发企业应用时,对于业务人员的一个操作实际是对数据读写的多步操作的结合 ...
- Nginx配置(全)
安装 * windows下:直接到官网下载windows下的稳定版本,解压到任意位置即可 * Linux下:一种方式是yum或者sudo apt-get install 另一种是源码编译安装,先安装p ...
- yii2 可逆加密
加密: $data 是你要加密的内容, $secretKey 是你自己设置的salt, $encryptedData = Yii::$app->getSecurity()->encrypt ...
- Event Loop个人理解
javascript引擎单线程程序,其执行同步操作会按顺序向下执行,执行异步操作则使用事件循环模型. js引擎线程遇到异步操作,会将异步操作交给对应的观察者, 异步操作包括: dom事件 click, ...
- Abp集成Swagger的最佳实践
1.在项目中添加nuget包 Abp.Web.Api.SwaggerTool 2.在项目Abp模块的DependsOn添加AbpWebApiSwaggerToolModule Run It,启动项目, ...
- 当前Windows群集心跳阀值设置
一.内容描述: WINDOWS群集之间通过心跳检测(HeartBeat)各个节点是否正常在线,微软称此检测为lookalive,检测通过UDP数据包中封装的RPC信息进行传送.默认情况下为每秒检测一次 ...
- sql手工注入时的探测技巧汇总
工具的灵活性肯定比不上人,在手工探测的基础上再去自定义工具,才是正道. sql注入时手工探测技巧 =================================================== ...
- Altium Designer 的entry sheet ,offsheet和port作用(转载)
1.图纸结构 图纸包括两种结构关系: 一种是层次式图纸,该连接关系是纵向的,也就是某一层次的图纸只能和相邻的上级或下级有关系: 另一种是扁平式图纸,该连接关系是横向的,任何两张图纸之间都可以建立信号连 ...
- Maven把自己的包部署到远程仓库
1,配置项目的POM文件 <dependencyManagement> </dependencies> </dependency> ...... </depe ...
- Learning Spark 第四章——键值对处理
本章主要介绍Spark如何处理键值对.K-V RDDs通常用于聚集操作,使用相同的key聚集或者对不同的RDD进行聚集.部分情况下,需要将spark中的数据记录转换为键值对然后进行聚集处理.我们也会对 ...