js05
继续学习js,在这里我们主要讲述一下js的BOM(浏览器对象模型)以及一些js库和应用这些js库的方法。
1.浏览器对象模型(BOM):
window对象:
表示浏览器窗口,所有的js全局变量、函数以及其他变量都是window对象的成员
window.document.getElementById("eid"); window尺寸:
window.innerHeight window.width window方法:
window.open() 打开新窗口
window.close() 关闭当前窗口
window.moveTo() 移动当前窗口
window.resizeTo()调整当前窗口尺寸 window.screen用户屏幕
screen.availWidth 屏幕可用宽度
screen.availHeight 屏幕可用高度 window.location页面地址
location.hostname 主机域名
location.pathname 页面路径
location.port 主机端口
location.protocol web协议
location.href 页面URL
location.assign() 加载新文档 window.history 浏览器历史。为保护用户隐私,对j访问该对象的方法做了限制
history.back() 加载历史列表中的前一个URL
history.forward() 加载历史列表中的下一个URL window.navigator 访问者浏览器
2.消息框
警告框:alert("警告信息") 为了确保用户得到某些信息
确认框:confirm("确认信息") 用于使用户验证或者接受某些信息
提示框:prompt("提示信息","默认值") 提示用户在进入页面前填写某些信息
3.计时:设定一个特定的时间间隔后执行代码
setTimeout("js代码",毫秒)
clearTimeout(setTimeout_variable)
4.document.cookie
5.javascript库:
jQuery 使用CSS选择器来访问和操作网页上的 HTML 元素(DOM 对象)
prototype 提供用于执行常见web任务的简单API。Prototype通过提供类和继承,实现了对js的增强
Ext JS 可定制的 widget,用于构建富因特网应用程序(rich Internet applications)
6.CDN--内容分发网络(Content Delivery Network)
如果许多不同的网站使用相同的js框架,把框架库存放在一个通用的位置供每个网页分享
引用jQuery:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
js05的更多相关文章
- Vue.js-05:第五章 - 计算属性与监听器
一.前言 在 Vue 中,我们可以很方便的将数据使用插值表达式( Mustache 语法)的方式渲染到页面元素中,但是插值表达式的设计初衷是用于简单运算,即我们不应该对差值做过多的操作.当我们需要对差 ...
- Vue.js05:vue内联样式
对象就是无序键值对的集合 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&q ...
- node.js0-5初级者
伴着<妈是心中的茉莉花> 这里,我用的sublime记事本,所以用的运行方法是终端.(后来发现git 可以省去cd切换目录). 安装node.js 官网说的很清楚. 这里我们可以在js文 ...
- js---05 自定义属性
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content ...
- day54 Pyhton 前端JS05
今日内容: 1.数组Array var colors = ['red','color','yellow']; 使用new 关键词对构造函数进行创建对象 var colors2 = new Array( ...
- ch4-持久存储
1.处理数据和打印 man = [] other = [] try: data = open('sketch.txt') for each_line in data: try: (role, line ...
- DIV+CSS+JS实现图片<ul><li></li></ul>无缝滚动代码
(含上下左右滚动代码) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:/ ...
随机推荐
- Kubernetes web界面kubernetes-dashboard安装
本文讲述的是如何部署K8s的web UI,前提是已经有一个k8s集群后,按照如下步骤进行即可.(如下步骤都是在master节点上进行操作) 1.下载kubernetes-dashboard.yaml文 ...
- 用org.mybatis.generator 生成代码
1:引入pom 2:增加生成配置xml: <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE ...
- POJ 2728 Desert King (最优比率树)
题意:有n个村庄,村庄在不同坐标和海拔,现在要对所有村庄供水,只要两个村庄之间有一条路即可,建造水管距离为坐标之间的欧几里德距离,费用为海拔之差,现在要求方案使得费用与距离的比值最小,很显然,这个题目 ...
- Swift中的闭包(Closure)[转]
闭包在Swift中非常有用.通俗的解释就是一个Int类型里存储着一个整数,一个String类型包含着一串字符,同样,闭包是一个包含着函数的类型.有了闭包,你就可以处理很多在一些古老的语言中不能处理的事 ...
- http://blog.csdn.net/zgl07/article/details/43491399
转载申明:本文转载自http://www.brendangregg.com/perf.html 请大家看了之后如果要转载一定要注上这个地址!!! ========================= ...
- 系统目录APK更新——权限问题
package com.example.wx; import java.io.File;import java.io.FileOutputStream;import java.io.IOExcepti ...
- CF1096D Easy Problem(DP)
题意:给出一个字符串,去掉第i位的花费为a[i],求使字符串中子串不含hard的最小代价. 题解:这题的思路还是比较套路的, dp[i][kd]两维,kd=0表示不含d的最小花费,1表示不含rd ...
- [Ubuntu]管理开机启动项的软件
sudo apt-get install sysv-rc-conf
- python 实现九型人格测试小程序
用python实现九型人格测试,并把测试结果绘制成饼图,实现代码如下: # @Description: 九型人格 import xlrd, matplotlib.pyplot as plt data ...
- bootstrap实现左侧图片右侧文字布局
效果图 代码 通过class="media-left"来控制相对位置 <!DOCTYPE html> <html> <head lang=" ...