python学习第十五天

CSS属性

position

postition:fixed;top:0;right:0     fixed代表将标签固定在整个页面某个位置，top，right,left,bottom代表与四边的距离;relative(父标签中写)、absolute(子标签中写)将子标签固定在父标签的某个位置

 

opacity:0.5   将标签透明化，0-1，数值越大透明度越小

z-index:10   多层标签时，数值越大的在上面

overflow:hidden  当图片超过标签定义范围时隐藏超出部分，auto则是在超出范围时显示滚动条

.pg-header .menu:hover{ background-color:blue }  当鼠标移动到当前标签时该样式才会生效

 

background

background-img:url()  插入背景图，默认水平和垂直方向一直拓展

background-repeat  指定背景图的那个方向拓展，repeat-x水平拓展 repeat-y垂直拓展 no-repeat不拓展

background-position: 0px 10px 背景图水平和垂直移动距离  

 

javascript

注释  // 单行注释 /* */多行注释

js每行代码都要加分号，以便压缩后可以断句

setinterval("alter(123);",2000) 间隔指定时间长度执行一次命令，时间单位毫秒

console.log() 在浏览器的console解释器中输出指定内容

doument.getElementById() 根据id值获取对应标签

doument.getElementById().innerText 获取标签内的文本

 

存在形式

js文件中，直接写js代码，引用时在html的script标签中加入属性src="js文件路径或链接"

html的head标签和body标签中，<script>js代码</script>

 

变量

声明时不加var代表声明全局变量，否则为局部变量

数字类型

parseInt()将字符形式的数字转换成整数

parseInt()将字符形式的数字转换成浮点数

 

字符型

str.charAt() 从字符串中按索引取出对应字符

str.substring() 从字符串中按索引范围取出对应字符

str.length 输出字符串长度

str.trim  移除空白

str.trimLeft

str.trimRight

str.concat("","")字符串拼接

str.indexOf("") 子序列位置

str.lastIndexOf("") 子序列位置，从后往前找

str.slice(,) 切片

str.toLowerCase() 小写

str.toUpperCase() 大写

str.split() 分割

 

数组

array.length  数组元素个数

array.push() 尾部添加元素

array.pop() 尾部获取元素

array.unshift() 头部插入元素

array.shift() 头部移除元素

array.splice(起始位置，删除个数，插入的值)

array.splice(n,0val)  指定位置插入元素

array.splice(n,1,val) 指定位置替换元素

array.splice(n,1) 指定位置删除元素

array.slice() 切片

array.reverse() 反转

array.join('-') 用指定符号将数组元素串联成一个字符串

array.concat() 连接数组

array.sort() 对数组元素排序

 

字典

使用类同python

 

for循环

c++风格

python风格

 

条件判断

if (){

}

else if (){

}

else {

}

== 值相等

=== 值和类型都相等

&& and

|| or

 

函数

function f1() {}

 

dom选择器

1 直接找

doument.getElementById()  根据id找标签

doument.getElementsByName() 根据name找标签

doument.getElementsByClassName() 根据类名找标签

doument.getElementsByTagName() 根据标签名找标签

 

2间接找

parentElement   父节点标签元素

children       所有子标签

firstElementChild  第一个子标签元素

lastElementChild  最后一个子标签元素

nextElementtSibling 下一个兄弟标签元素

previousElementSibling 上一个兄弟标签元素

 

className       获取所有类名

classList.remove(cls) 删除指定类

classList.add(cls)   添加类