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选项卡,这个就很好理解了,通过鼠标放在不同月份月 ...
随机推荐
- PHP编码规范PSR-1
.note-content { font-family: "Helvetica Neue", Arial, "Hiragino Sans GB", STHeit ...
- 如何使用Linux命令行查看Linux服务器内存使用情况?
一个服务器,最重要的资源之一就是内存,内存够不够用,是直接关系到系统性能的关键所在. 本文介绍如何查看Linux服务器内存使用情况, 1.free命令 free -m [root@localhost ...
- linux中rz中的-e选项
linux shell rz和sz是终端下常用的文件传输命令,rz和sz通过shell被调用,其中rz用于从启用终端的系统上传文件到目标系统(终端登录的目标系统), 这里不过多介绍这些命令,只是记录一 ...
- TransMac Win系统下制作 OS X启动盘图文教程超详细小白版
1软件安装好后把准备好的8G或者8G以上U盘插到电脑上:右键以管理员身份运行如 <ignore_js_op> 2打开软件后右键先格式化U盘操作如下图 ...
- MVC
PureMVC--一款多平台MVC框架 http://www.jianshu.com/p/47deaced9eb3 MVC,MVP 和 MVVM 的图示 http://www.ruanyifeng.c ...
- hibernate中java类的成员变量类型如何映射到SQL中的数据类型变化
hibernate映射文件??.hbm.xml配置映射元素详解--Hibernate映射类型 在从Hibernate的java的成员类型映射到SQL中的数据类型,其内映射方式它满足,SQL可以自己调制 ...
- Redis指南
一.简介 redis 和 memcached 都是高性能的键值缓存数据库服务,其中 memcached 支持多线程,而 redis 支持丰富的数据结构且能内置持久化机制. redis 数据都是以键值形 ...
- Markdown段落首行缩进的实现办法
添加:
- 第一次做socket的一些心得
理论什么的bilibala的就是自己百度吧 推荐一篇不错的关于socket的文章 http://www.cnblogs.com/sunway/archive/2010/01/29/1659074.ht ...
- PHP收藏
PHP打印测试,PHP调试技巧 PHP header函数使用大全 PHP面向对象(OOP)编程入门教程 小片段: PHP保留2位小数 格式化小数.浮点数 header('Content-T ...