网站开发的层级结构,做暖暖视频网站,郑州市网站设计公司哪个好,网站的交流的功能怎么做一、CSS简介
css是一门语言#xff0c;用于控制网页的表现。
cascading style sheet:层叠样式表
二、css的导入方式
css代码与html代码的结合方式
#xff08;1#xff09;css导入html有三种方式#xff1a;
1.内联样式#xff1a;div stylecolor:red用于控制网页的表现。
cascading style sheet:层叠样式表
二、css的导入方式
css代码与html代码的结合方式
1css导入html有三种方式
1.内联样式div stylecolor:red.../div
2.内部样式style typetext/css div{}
3.外部样式定义link标签引入外部css文件 2css的选择器与属性
1.css选择器即选择需要设置样式的元素标签注意将style写入head中。
元素选择器
id选择器
类选择器
谁选择的范围小谁先生效。
2.属性
案例
三、JavaScript简介
javascript是一门跨平台面向对象的脚本语言不用编译可与网页交互。
javascript能改变html的内容。
JavaScript能改变图像的src属性值。
javascript能进行表单验证。
四、JavaScript引入方式
1.内部脚本script标签可以放置于任何地方数量也不受限制。但一般放置于body中。将JS代码定义在HTML中。alert》弹出警告框 2.外部脚本创文件写alert
导入html中script src.../script 五、JavaScript的基本语法
1书写语法
区分大小写
分号写不写都无所谓但一般情况下写
注释//表示单行注释/*...*/表示多行注释
大括号表示代码块 2输出语句
使用window.alert();写入警告框
使用document.write()写入HTML页面里输出
使用console.log()写入浏览器控制台
3变量
类似于全局变量可重复定义。
用var关键字来声明变量变量可以存储不同类型的值
let只在代码块中有效不可重复声明。 4数据类型
原始numberStringbooleannullundefined
引用
使用typeof运算符可获取数据类型 5运算符
一元运算符--
算术运算符-*/%
赋值运算符-*/%
关系运算符,,,,!,(会类型转换全等于判断类型是否一样
逻辑运算符||
三元运算符条件表达式true_value:false_value (6)类型转换
1.其他类型转为number String--》number
用parseInteg.alert(parseInt(str)))
string的字面值不是数字则转换成NAN。 boolean--》number
true转成1false转成0.不能用parseInt
2.其他类型转为boolean number0和NAN转成false 其他数字转成true string空字符串转成false 其他则转成true nullfalse undefinedfalse
strnullstr.length0 str
(7)流程控制语句
ifswitchfor建议用letwhiledo...while
8函数方法
funtion 名参数1参数2[可传任意个参数]{
return ...;
}
直接调用名 六、JavaScript对象
1Array类似于java中的集合
1. var 名new Array元素列表
2.var 名[ ];
Array对象的属性length元素的个数
方法push添加
eg.名.push();
splice:删除元素
eg.名.splice(m,n);从m开始删删n个元素 2String
1.var 名new String
2.var 名“ ”
属性length不再是Java中的方法了
方法charAtIndexoftrim--》去除字符串两端的空格
3自定义对象
var 名{
属性名值
属性名值
属性名值...
属性名function{ }
} 4BOM对象
Brouser object Model浏览器对象模型
JavaScript将浏览器的各个部分封装成对象。
1.window窗口对象
方法alert
confirm弹出确定取消键有返回值。
定时器setTimeoutfunction(){}毫秒值只执行一次
setInterval() 循环执行 2.History历史记录对象
history.方法
方法back前一个
forward:后一个
3.Location地址栏对象
location.方法
属性设置或返回完整的URL 5DOMDocument Object Model文档对象模型 可对Html文档进行操作
Html DOM针对html文档的标准模型
imageimg
Button:input typebutton 1.获取Element元素对象
使用document对象的方法来获取 getElementById通过id属性来获取返回一个Element对象 getElementByName通过name属性来获取返回一个对象数组 getElementByclassName通过class属性来获取一个Element对象数组 getElementBytagName通过标签名称获取一个对象数组
Dom将img封装成对象可以修改src属性值。 divstyle设置元素css的样式 innerHtml设置元素内容
元素.style.color...;返回元素的样式
input中的checkbox多选可以改变是否被选择
对象.checkedtrue|false
eg.document.getElementById(check1).checkedtrue;
(6事件监听
JavaScript能够在事件被监测时执行代码
事件即发生在元素上的事情 1.事件绑定方式
第一种方法不建议JavaScript代码与HTML代码耦合 2.常见的事件DOM event onblur失去焦点
onfocus获得焦点
onchange域的内容被改变
onsubmit返回true表单被提交 返回false表单不被提交 七、正则表达式
1.定义直接量注意不要加引号
var reg/^\w{6,12}$/
创建regexp对象
var regnew regexp^\\w{6,12}$)
2.方法测试给定的字符串是否符合规则
返回true或falseeg.reg.test(str)
