1.全局函数
alert();
console.log();
parseInt();
parseString();
isNaN();
eval(); 用于计算表达式字符串 用于执行字符串中的js代码
eval("1+2");
3

小练习:通过eval模拟页面计算器

2.js的外部对象
DOM 文档对象模型(document Object Model)
-通过DOM实现对HTML文档数据的操作
-定义了很多js访问和操作HTML的方法
BOM 浏览器对象模型(Bowser Oobject Model)
-通过BOM移动窗口,更改状态栏等等(不跟页面的内容发生直接联系)

2.1 BOM对象
用的最多的
window对象
-所有的全局变量,方法,属性都是放在window对象中
它们都自动成为window的成员
-常用属性
* location :指的是当前窗口的地址对象
* document :指的是窗口中显示的HTML文档对象
document里面放的是head和body
* history :指的是当前窗口访问过的历史记录对象
* screen :指的是当前屏幕对象
* navigator:指的是浏览器的相关信息
-常用方法
* alert() : 全局的方法都在window中
alert() ;//跳出只有确定,这一个选项的对话框
confirm("12334");//跳出有确定,取消两个选项的对话框

定时器,主要用来制作网页的闹钟,动态时钟,倒计时,跑马灯效果
一次性定时
* setTimeout() clearTimeout()
特点:在一个设定的时间之后,执行代码
setTimeOut(function,time)
- function :定时器执行的内容
- time :多久之后执行(以毫秒为单位)
(栗子1: window.setTimeout("alert(111)",3000);)
栗子2: 5秒后弹出hello
function sayHello(){
alert("hello");
}
window.setTimeout(sayHello,5000);

周期性定时 关闭周期性定时器
*setInterval() clearInterval()
特点:间隔多久执行一次
常见对象(window的5个属性可以分别获取其对应的5个对象)
* location
-href 属性:获取当前窗口正在访问的地址
-reload() :重新加载(等同于刷新)

* document
* history
-length 属性 :返回访问的地址的个数
-back() : 返回上一个地址
-forward() : 进入下一个地址
-go(index) go(-1)等于back()
: index<0 回退
: index>0 前进
*screen
-width : 实际的宽度
-availWidth :可用高度
-height : 实际的屏幕高度
-availHeight : 可用的屏幕高度
*navigator
-userAgent : 获取浏览器相关信息

2.2DOM对象
页面在加载的时候,由浏览器生成的
1)js创建动态的HTML
- js可以改变HTML的元素
- js可以改变HTML的属性
- js可以改变HTML的样式
- js可以对HTML中的事件作出反应
** DOM模型会被构造成DOM树 **
DOM是浏览器打开的时候生成的

2)查询 读取 修改 新增 删除 - js对DOM的操作
*查询
-document.getElementById(id);
-返回1个节点
-document.getElementsByTagName(lagName); 根据标记名称获取节点
-返回根据标签名称查到的元素集合
-document.getElementsByname(name);
-返回根据标签name属性查到的元素集合
-documentEle.parentNode; 查找某个元素的父节点
-返回指定节点的父节点
-documentElc.childNodes
-返回指定节点的所有子节点
-document.qucrySelector(selector); html5特有
-根据选择器查找单个节点
-返回符合选择器的第一个节点
-document.qucrySelectorAll(selector); thml5特有
-根据选择器的所有节点

*读取+修改(前提:找到节点)
-读取
~内容(值)
innerHTML属性 - 不解析html文本 (节点中的HTML)
- 将内容当成字符串打印
innerText属性 - 只获取解析后的文本内容 (节点中的文本)
~属性
ele.属性名
ele.getAttribute(属性名)

*修改
~值
ele.innerHTML = 值;
ele.innerText = 值;
~属性
ele.属性名=值;
ele.setAttribute(属性名,值);
栗子:
console.log(li_1.getAttribute("id"));
li_1.setAttribute("id","li_1");

*读取修改样式
获取节点的样式 ele.style;
修改节点的样式 ele.style = 值;

//轮播图

html06的更多相关文章

随机推荐

  1. Python汉字转换成拼音

    最近在使用Python做项目时,需要将汉字转化成对应的拼音. 网上的一些包大多是python2.x的,使用下面这个包,支持python3.6 xpinyin 0.5.5 >>> fr ...

  2. 禁用ngen版本的.NET Framework dll加载

    在调试时会发现出于性能考虑.NET Framework dll加载的都是ngen版本,比如:System.dll,实际加载System.ni.dll. 如果希望加载非ngen版本,可以设置系统环境变量 ...

  3. unity3d的优化场景技术LOD+IOC

    一.unity3d的优化场景技术  LOD+IOC 遮挡剔除(occlusion culling)其实就是在摄像机范围内的物体才被渲染出来,没有在视野范围内的,统统关掉渲染,这样能让性能大大提高. I ...

  4. Flask详解

    Flask是一个基于Python开发并且依赖jinja2模板和Werkzeug WSGI服务的一个微型框架,对于Werkzeug本质是Socket服务端,其用于接收http请求并对请求进行预处理,然后 ...

  5. 9.10Django模板

    2018-9-10 16:37:29 模板就一个 不能嵌套 模板:  http://www.cnblogs.com/liwenzhou/p/7931828.html 2018-9-10 21:23:3 ...

  6. 利用反射生成JDK动态代理

    利用反射生成JDK动态代理 在Java的java.lang.reflect包下提供了一个Proxy类和一个InvocationHandler接口,通过使用这个类和接口可以生成JDK动态代理类和动态代理 ...

  7. 2.5BatchNormalzation

    BatchNormalzation是一种解决深度神经网络层数太多,而没有办法有效前向传递的问题,因为每层的输出值都会有不同的均值和方差,所以输出数据的分布也不一样. 如果对于输入的X*W本身得到的值通 ...

  8. @log的decorator完美实现(原创)

    # -*- coding: utf-8 -*- from functools import wraps from inspect import isfunction def beforecalled( ...

  9. CodeForces - 583C GCD Table map的auto遍历 ,有点贪心的想法

    题意:给你n*n gcd表中的所有数(以任意顺序) ,求对角线上的n个数分别是什么.gcd表定义如下,先将n个数填在对角线的上,然后将各个格子填上对应对角线上的数的gcd值,也就是V[i][j]=gc ...

  10. 静默方式安装10g数据库软件+升级patch+手工建库

    通常我们安装Oracle数据库软件,都是用OUI图形界面来完成的,但有些Unix/Linux系统中并未安装图形系统,也就无法使用图形界面来安装Oracle的产品了,对于这种场景,就只能采用静默方式来安 ...