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选项卡,这个就很好理解了,通过鼠标放在不同月份月 ...
随机推荐
- NFS服务器配置文档
Server:192.168.1.206/WindowsClient:192.168.1.208/CentOS一.搭建windows NFS服务:1.安装NFS服务器:打开"服务管理器&qu ...
- Web系统大规模并发——电商秒杀与抢购
电商的秒杀和抢购,对我们来说,都不是一个陌生的东西.然而,从技术的角度来说,这对于Web系统是一个巨大的考验.当一个Web系统,在一秒钟内收到数以万计甚至更多请求时,系统的优化和稳定至关重要.这次我们 ...
- 设置height:100%无效的解决方法
设置height:100%无效的解决方法 刚接触网页排版的新手,常出现这种情况:设置table和div的高height="100%"无效,使用CSS来设置height:" ...
- postman 测试API - token
1.使用全局变量保存token 2.再调用 参考文章 http://www.jianshu.com/p/13c8017bb5c8 https://testerhome.com/topics/6555
- ThinkPhp 3.2 ajax无刷新分页(未完全改完,临时凑合着用)
临时更改后的page类(很多地方没修改...因为笔者PHP没学好..)如下: <?phpnamespace Fenye\libs; /** file: page.class.php 完美分 ...
- [Android]学习笔记Activity_001
操作button的说明 设置button的ID: android:id="@+id/button" 设置button的点击事件 findViewById(R.id.button). ...
- SQL 实用函数
CREATE FUNCTION [dbo].[varcharmax2table] ( @value VARCHAR(MAX) , @separator VARCHAR(255) ) RETURNS T ...
- Java Abstract Class & Interface
一. 抽象类 1. 抽象类:包含了一个抽象方法的类就是抽象类 2. 抽象方法:声明而未被实现的方法,用关键字abstract声明 3. 抽象类被子类继承,子类(如果不是抽象类)必须重写(overrid ...
- 错误:java.util.Map is an interface, and JAXB can't handle interfaces.
问题: 在整合spring+cxf时报错java.util.Map is an interface, and JAXB can't handle interfaces. 解决方法: 将服务端的serv ...
- ASP.NET运作流程
当我们在浏览器输入域名访问服务器资源时,会向服务器发送Http请求,并经由IIS处理后,交由ASP.NET托管程序处理,进入ASP.NET管道.在IIS内部如何处理我们不需要深入去了解,在ASP.NE ...