Web前端开发回顾之javaScript(1)
来源:互联网 发布:新世界 电影 知乎 编辑:程序博客网 时间:2024/05/16 11:40
-
- onclick=”javascript:alert(‘dd’)”
- 换行
- document.write(“Hello \
- World!”);
- 您可以在一条语句中声明很多变量。该语句以 var 开头,并使用逗号分隔变量即可:
- var name=”Gates”, age=56, job=”CEO”;
- JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型:
- 数据库钱—decimal
- var person={firstname : “Bill”,lastname : “Gates”,id : 5566};
- name=person.lastname;
-
- 改变文件路径
- element = document.getElementById(‘myimage’)
if(element.src.match(“bulbon”)) {
element.src = “../i/eg_bulboff.gif”;
} else {
element.src = “../i/eg_bulbon.gif”;
}
}
- 改变样式
- x = document.getElementById(“demo”) // 找到元素
x.style.color = “#ff0000”; // 改变样式
- x = document.getElementById(“demo”) // 找到元素
- 创建对象
- var Person = {
“name”: “张三”,
“age”: 14
} - function createObject2() {
person = new Object();
person.firstname = “Bill”;
person.lastname = “Gates”;
person.age = 56;
person.eyecolor = “blue”;
document.write(person.firstname);
} - 访问对象的两种方式
- document.write(person[“name”]);
- document.write(Person.name);
- var Person = {
- 创建数组(三种方式)
- var a =new Array();
a[0]=1;
a[2]=3;
a[1]=”111”;
document.write(typeof(a[0])+”\n”);
document.write(typeof(a[1]));
document.write(a[0]);
document.write(a[1]); - var cars = [“Audi”, “BMW”, “Volvo”];
- var cars = new Array(“Audi”, “BMW”, “Volvo”);
- var a =new Array();
for:in
var txt=”“;
var person = {
fname: “John”,
lname: “Doe”,
age: 25
};for(x in person) {
txt = txt + person[x];
}
document.write(txt);
全等(值和类型)
x===5 为 true;x===”5” 为 false
DOM
- 改变属性
- document.getElementById(id).attribute=new value
- document.getElementsByTagName(“body”)[0].bgColor = “red”;
- 改变样式
- document.getElementById(“dd”).style.color = “red”;
- 隐藏和显示
这是一段文本。
事件
onload 和 onunload 事件- onload 和 onunload 事件会在用户进入或离开页面时被触发。
- onload 事件可用于检测访问者的浏览器类型和浏览器版本,并基于这些信息来加载网页的正确版本。
- onload 和 onunload 事件可用于处理 cookie。
- onchange
- function change(a) {
alert(a.value.toUpperCase());
}
- function change(a) {
- 增删节点
- var c = document.createElement(“p”);
- d1.appendChild()
- aa.removeChild(p);
- 访问元素属性
- 内置属性
- 比如a标签的href可以直接通过a.href来访问
-
- var aa = document.getElementById(“aa”);
- aa.href = “http://www.baidu.com”;
-
- 比如a标签的href可以直接通过a.href来访问
- 自定义属性
- var aa = document.getElementById(‘aa’);
aa.setAttribute(‘ffff’, “zhangsan “);
- var aa = document.getElementById(‘aa’);
- 添加class!!!! 但是会覆盖原有class
-
var aa = document.getElementById(‘aa’);
aa.className = “ccccc”;
-
- 获取父节点!!!!!parentNode是属性不是方法
- var aa = document.getElementById(‘aa’);
console.log(aa.parentNode);
- var aa = document.getElementById(‘aa’);
- 内置属性
- 获取select中选中元素的值
-
var index = a.selectedIndex;
var value = a.options[index].text;
BOM
-
- 改变属性
- 定义:
- 浏览器对象模型
- 提供了独立于内容而与浏览器交互的对象
- 用于管理窗口与窗口之间的通信,因此核心对象是window
- 缺乏标准
- javascript的标准是ecma
- DOM的标准是w3c
- window
- Location
- history
-
- 定时函数
- setTimeout()
- setTimeout(“aa()”, 1000);
- var a = setInterval(“aa()”, 1000);
- clearInterval(a);
- document.getElementById(‘im’).src = arr[flag % length];
flag++; - History
- back() 后退
- forward() 前进
- Go() 走的步骤
- location
- reload()重新加载当前文档
- Js内置对象
- Array
- String
- Math
- ceil() 向上取整
- floor() 对数进行向下取整
- round() 把数四舍五入为最近的对象
- random() 返回0-1之间的随机数
- Date
- 1.
5.
阅读全文
1 0
- Web前端开发回顾之javaScript(1)
- Web前端开发第三次讲课回顾
- web前端之javascript
- 《JavaScript & jQuery交互式Web前端开发》之JavaScript基础指令
- [Web前端]Javascript-框架开发-前言(1)
- web前端开发书籍推荐(之JavaScript )
- web项目开发 之 前端规范 --- JavaScript编码规范
- web项目开发 之 前端规范 --- JavaScript编码规范
- web前端之JavaScript部分开发规范和细节
- Web前端开发笔试题集锦之Javascript篇
- web前端回顾
- 【Web 前端】javascript 1
- WEB前端开发之ES6(1)
- web前端开发笔试集锦(javascript篇1)转
- web前端开发之Css
- web前端开发之bootstrap
- 前端开发之web字体
- Web前端开发之EasyUI
- Android 自定义九宫格手势锁
- 小技巧小知识——Python
- 如何用MDK从零开始创建STM32F2xx工程(图文教程)
- 腾讯视频下载的qlv格式转换为MP4格式
- opencv——同一窗口显示同色彩图像
- Web前端开发回顾之javaScript(1)
- hash 筛选,去重
- spark性能优化:数据倾斜调优
- Spring Boot实战之netty-socketio实现简单聊天室(给指定用户推送消息)
- html标签之头部元素
- MobaXterm中运行脚本出现command not found
- Struts2笔记02 Struts2中result配置中各种视图转发类型
- 图像序列合成视频(vs2013+opencv)
- KeePass:强大的开源免费放心的密码管理器