复习1-----JS

DOM操作:文档对象模型
【以下代码写在<script type="text/javascript">
</script>中间】
一、window对象:
window.open(‘连接地址‘,‘打开位置‘,‘新窗口的属性‘);
新窗口属性:toolbar=no/yes 新窗口有无工具条
menubar=no/yes 有无菜单栏
status=no/yes 有无状态栏
width=值,height=值 宽 高
left=值 距离左边多少
resizable=no/yes 窗口到校可不可以调
scrollbars=yes/no 出不出现滚动条
location=yes/no 有无地址栏

window.close();
window.opener; 没有打开它的父级窗体,此属性值默认为null

window.resizeTo(x,y); 调整宽度 高度
window.moveTo(x,y); 移动到某一位置
window.scrollTo(x,y); 滚动到页面的什么位置(类似锚点)

二、window.history对象:
window.history.go(n); 正数,就前进多少页,负数就后退多少页;
window.history.back(); 后退一页
window.history.forward();前进一页

三、window.location对象:
window.location.href; 获取当前页面的地址

四、window.status对象:
window.status = "内容";设置状态栏的文字

五、window.document对象:
var oDiv1 = document.getElementById("div2"); 根据id找,最多找一个
var oDivClass = document.getElementsByClassName("c1"); 根据class找,找出来是数组
var oDivName = document.getElementsByName("n1"); 根据name找,找出来是数组
var oDiv = document.getElementsByTagName("div"); 根据标签名找,找出来的是数组
----------------------------------------------------------------
操作非表单元素的内容:
innerHTML = ""; - 拼标记,浏览器会把标记生成相应效果;
innerText = ""; - 不管你写的什么,原封不动的给你放进去;

单独拿来用的话,就是获取元素中的文本内容
变量名.innerHTML - 会把里面所有的内容都取出来
变量名.innerText - 会把里面所有的内容,去除标记,取出来

操作表单元素的内容:value
变量名.value 会把里面所有的内容,去除标记,取出来
变量名.innerHTML 会把里面所有的内容都取出来

设置内容:变量名.value="内容改变";

时间: 2024-10-26 18:02:19

复习1-----JS的相关文章

项目期复习:JS操作符,弹窗与调试,注释,数据类型转换

1.JS操作符 ① 除法运算后,是有小数存在的,跟C语言不同之处 var num = 67/4;         ----------> 输出:16.75 console.log(num); ② 通常情况下,操作符与数值/变量之间需要有空格隔开 1) 赋值操作符  = 2) 算数操作符  + .- .*. / .% , 除法是可以有小数存在的 ③  取余 最后结果正负与被除数有关 与除无关  如: (-7)%3 = -1         7%3=1    (-7)%(-3)=-1    7%(-

js 基础复习 之 js 类型判断

ECMAScirpt 变量有两种不同的数据类型:基本类型,引用类型. 1.基本类型 基本的数据类型有:`undefined,boolean,number,string,null.基本类型的访问是按值访问的,就是说你可以操作保存在变量中的实际的值.基本类型有以下几个特点: 1.基本类型的值是不可变得: 1.任何方法都无法改变一个基本类型的值. var name = 'hello'; name.toUpperCase(); // 输出 'HELLO' console.log(name); // 输出

关于js和jquery的一些问题

很长时间没有写前台代码了,突然想用js写个文件上传共通,结果遇到了各种各样的问题. 现在把问题和解决的办法记录一下.(有些还没有找到具体的原因) 1,利用extend(bool,{},item1,item2-.)来深度拷贝对象,只是得到浅拷贝的结果. 测试语句: var aa = { bb:{ cc:"12" } } var dd = $.extend(true, {}, aa); var ee = $.extend(true, {}, aa); //var dd = JSON.par

轻松理解JS基本包装对象

今天来讨论一下JS中的基本包装对象(也叫基本包装类型),之前刚学到这里的时候,自己也是一头雾水,不明白这个基本包装对象到底是个什么鬼,后来找了很多资料,终于看清了它的真面目.首先呢,我们现在复习一下JS的数据类型,JS数据类型被分为了两大门派,基本类型和引用类型. 基本类型:Undefined,Null,Boolean,Number,String 引用类型:Object,Array,Date,RegExp等,说白了就是对象... 我们都知道,引用类型有方法和属性,但是基本类型是木有的,但是你一定

初识js中的闭包

今天看了关于js闭包方面的文章,还是有些云里雾里,对于一个菜鸟来说,学习闭包确实有一定的难度,不说别的,能够在网上找到一篇优秀的是那样的不易. 当然之所以闭包难理解,个人觉得是基础知识掌握的不牢,因为闭包牵扯到一些前面的东西,比如作用域\等等,如果连基本的作用域都没有弄清楚,自然不可能搞懂闭包,还有就是对js的实践比较少,因为你根本就不知道什么时候要用这东西,自然谈不上对闭包的深刻理解. 今天我就简单的说说我目前所理解的闭包,当然可能不完全正确,但是我相信会给你一定的启发. 首先我们来谈谈js中

对于JS == 运算的一些理解

声明:本文是摘自一篇文章,放在这只为做为一个笔记能更好学习. 大家知道,==是JavaScript中比较复杂的一个运算符.它的运算规则奇怪,容易让人犯错,从而成为JavaScript中“最糟糕的特性”之一. 在仔细阅读了ECMAScript规范的基础上,画了一张图,通过它你会彻底地搞清楚关于==的一切.同时,试图通过此文向大家证明==并不是那么糟糕的东西,它很容易掌握,甚至看起来很合理. 先上图: 图1 ==运算规则的图形化表示 ==运算规则的精确描述在此:The Abstract Equali

深入了解JS中通过[]和.获取对象属性的区别

一般来说,'.'运算符和[]可以相互替代,比如 1 let obj = { 2 name : 'sena' 3 }; 4 5 console.log(obj.name) // 'sena' 6 console.log(obj[name]) // 'sena' 在这之上,我们需要了解关于他们的一些限制 .运算符:  右侧必须是一个属性名称命名的简单标识符 [] :  右侧必须是一个计算结果为字符串的表达式 先复习一下JS中的标识符: /* 标识符 - 在JS中所有的可以由我们自主命名的都可以称为是

表格的增删改查

这周,复习了JS的操作,并用更简捷的代码,实现了表格的增删改查!   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"   "http://www.w3.org/TR/html4/loose.dtd">   <html>   <head>   <meta charset="utf-8">   <title><

运用正则+replace+substring将一段英语的字母大写

复习下js基础并运用正则+replace+substring将一段英语的字母大写 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>首字母大写</title> </head> <body> <div class="dv"></div> </body></html&

前端学习(四)

Console.log(typeof(a)); 打印出是什么类型的. Typeof ----在js的代码中系统已经使用了这一段字符串. 凭什么说js是一个弱语言呢,比如,js中对数字没有细分,他不管你是负数,小数,还是整数,都是number Boolean:用来表示对错.. Boolean的世界很简单,所有的事务只有两种状态. 一种是对,一种是错. True:对 False:错 复习: js中类型转换做的比较少:(在高级语言中类型转换做的比较(JAVA,C#,IOS)) Js: 强制类型转: N