原生js基础问题的一些备忘
1.在原生js里面 window.onload=function(){} 这个就相当于jquery中 $(document).ready(function(){}); 这样
2.getElementById的用法: 示例 var chat1=document.getElementById("wen"); (后面的ID不能加上# 需要加引号,这与jquery不同)
3.获取属性的方法就是先获取对象 然后 .属性 ,不再赘述
4.innerHtml: innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。 例: chat3.innerHTML+=chat1.value+"<br/>";补充:当innerHtml=''时它是删除里面的HTML内容,当引号中有内容是,它不是“删除原有内容去替换它”,而只是“在原有内容末尾添加内容”;
5.js对属性的操作也可以用链式操作 比如某个<p style="font-size:15px"> 阿斯顿</p>的ID是OP,那么可以这样写: OP.style.fontSize=XXX
6.在js中不允许出现“-”这个符号,比如第五条中 OP.style.fontSize=XXX ,需要把带“-”的换成驼峰写法;
7.js对属性的修改中 在读或写"class"属性时 直接写class是不行的 把所有需要写class的地方改成className就可以了:例如 OP.className="red"; 那么就把OP这个对象的类改为了red; 这个关键字要注意
8.相对路径:【file:///haha/xinjian/img/4.jpg】 绝对路径【http:www.baidu.com/1.jpg】
对于属性的读写来说: 1. 相对路径 不要拿来做判断 ,绝对路径可以拿来做判断(src和href)2.颜色值不要拿来做判断(因为有好多颜色写法) 3.innerHTML值不要拿来做判断
9.cssText这个属性:oDiv.style.cssText=''; 无论是cssText还是直接修改oDiv.style.width这样的值,都是在修改html后缀的样式,而不是修改css文件中的样式。另外cssText值的修改是类似于innerHtml这种替换型的 ,比如前面cssText改了宽高,后面只改了宽,但前面改的高不会保留,因为它是替换型的。但是如果cssText改的值为空即cssText=‘’;那么元素就会采取样式表中的样式了
待续
原生js基础问题的一些备忘的更多相关文章
- 原生JS 基础总结
0. 好习惯 分号 ; 花括号 {}, var 弄清楚 null , undefined 区别 , isNaN, === 与 == 区别 1. prompt , confirm , alert 不同框 ...
- Linux基础之常用基本命令备忘
Linux基础之常用基本命令备忘 PWD 查询当前所在Linux上的位置 / 根目录 CD(change directory)切换目录 语法 CD /(注意添加空格) LS ...
- 原生 js基础常用的判断和循环
原生 js基础常用的判断和循环 以下部分是个人实践及和搜集的资料: 最常用的if判断语句: if (/* 条件表达式 */){ // 成立执行语句 } else { // 否则执行语句 } 原生js的 ...
- 原生js基础学习--正则RegExp
转义字符"\" 使用反斜杠之后,会强制的将"\"之后的字符取消掉原来的意思转换成文本, 转义符号不会输出 var str= "abc\"de ...
- UITextView -- 基础备忘
UITextView 这篇文章只涉及到基本的使用,日后会写一些关于结合TextKit的备忘 基本属性 let screenSize = UIScreen.mainScreen().bounds.siz ...
- 原生js操作DOM基础-笔记
原文参考http://mp.weixin.qq.com/s?__biz=MzU3MDA0NTMzMA==&mid=2247485490&idx=1&sn=15197b4b53e ...
- koa 基础(十七)原生 JS 中的类、静态方法、继承
1.app.js /** * 原生 JS 中的类.静态方法.继承 * es5中的类和静态方法 */ function Person(name, age) { // 构造函数里面的方法和属性 this. ...
- 工作效率-十五分钟让你快速学习Markdown语法到精通排版实践备忘
关注「WeiyiGeek」公众号 设为「特别关注」每天带你玩转网络安全运维.应用开发.物联网IOT学习! 希望各位看友[关注.点赞.评论.收藏.投币],助力每一个梦想. 文章目录: 0x00 前言简述 ...
- JS基础学习(一)
首先感谢 http://www.w3school.com.cn/js/index.asp 学js真的很方便,&下面的内容其实是我自己做的一个备忘 第一节 大致了解 一 js基本介绍 1.轻量级 ...
随机推荐
- Xcode报错
1,Xcode8 duplicate symbols 在Build Setting里面 NO Common Blocks 设置为NO,就解决问题了. 2,昨晚升级iOS9.2之后.今天一来真机调试就 ...
- 我的android学习经历29
四大组件之广播接收者BroadcastReceiver 新建广播接收器 需要新建一个类继承类BroadcastReceiver,并且重写其中的方法onReceive(),不要在这个方法中添加过多的逻辑 ...
- application/x-www-form-urlencoded
在Form元素的语法中,EncType表明提交数据的格式 用 Enctype 属性指定将数据回发到服务器时浏览器使用的编码类型. 下边是说明: application/x-www-form-urlen ...
- 2.建立exception包,建立Bank类,类中有变量double balance表示存款,Bank类的构造方法能增加存款,Bank类中有取款的发方法withDrawal(double dAmount),当取款的数额大于存款时,抛出InsufficientFundsException,取款数额为负数,抛出NagativeFundsException,
public class Bank { Double qian=0.0; double newBank(double a) { qian=qian+a; return qian; } double w ...
- CodeForces 152C Pocket Book
Time Limit:2000MS Memory Limit:262144KB 64bit IO Format:%I64d & %I64u Submit Status Prac ...
- HDU 3065 病毒侵袭持续中
HDU 3065 病毒侵袭持续中 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others) ...
- Berkeley 四种产品如何选择?
Berkeley 四种产品如何选择? 四种产品综览 Berkeley 可供选择的四款产品: DS: 简单的.支持单写单读的数据存储:支持高并发,多进程同时读操作:不支持锁,这就意味着当程序在进行更新和 ...
- C# DataGridView控件绑定数据后清空数据
//1.this.dataGridView1.DataSource = null;//会将DataGridView的列也删掉 //2.this.dataGridView1.Columns.Clear( ...
- WPF基础学习第二天(高级控件)
1.Menu菜单控件 Exp1: Code: <Window x:Class="菜单Menu.MainWindow" xmlns="http://schemas.m ...
- 保存会话数据——session学习
Session:Session是服务器端技术,利用这个技术,服务器在运行时可以为每一个用户的浏览器创建一个其独享的session对象,由于session为用户浏览器独享,所以用户在访问服务器的web资 ...