JavaScript讲义记录1
一、Web标准
网页由三部分组成 结构(Structure),表现(Presentation)和行为(Behavior)。
二、JavaScript的语法
(一)
1.区分大小写
2.弱类型变量
3.每一句末尾都加分号
4.括号用于代码块
(二)变量: 由var关键字声明
(三)弱类型 但也提供数据类型 用typeof()方法查看类型 数据类型有:
1.字符串类型 有slice()和substring()等方法
2.数值类型 浮点 整型 负数
3.布尔值 true false
4.数组 var aMap = new Array("China","USA","Britain");
aMap.length是数组的长度 用aMap[2]取值
(四)字符串之间的比较:"Pear"=="Pear"与Java不同
(五)函数:
function sayName(){
}
三.CSS基础
(一)CSS概念:层叠样式表,用于控制网页样式 并允许将样式信息与网页内容分离 的一种标记性语言。
(二)使用css控制页面的方式:
1.行内样式
2.内嵌式
3.链接式 例如:<link href="1.css" type="text/css" rel="stylesheet">
4.导入样式 @import url(1.css);
(三)CSS选择器:
1.标记选择器
<style>
h1{
color:red;
font-size:25px;
}
</style>
2.类别选择器(html标记中有class属性)
<style>
.class{
color:red;
font-size:25px;
}
</style>
3.ID选择器(html标记中有ID属性)
#ID{
color:red;
font-size:25px;
}
(四)选择器可以集体声明,使用逗号分割
(五)选择器的嵌套:
标记中的父子关系:指的是p标记中的b标记的样式
p b{
color:red;
font-size:25px;
}
(六)子选择器:ul只包含子标记li而不包含孙标记,同样li只包含a子标记而不包含它的孙标记
ul.myList > li > a{
color:red;
font-size:25px;
}
四.CSS进阶
(一)div与span标记
<div></div>之间相对于一个容器,可以容纳段落,标题,表格,图片,乃至章节。摘要和备注等各种html元素。
(二)盒子模型:一个盒子由content、border、padding、margin四部分组成
content:内容
padding:空隙(填充)
border:边框
margin: 间
相关文档:
<SCRIPT LANGUAGE="JavaScript">
<!--
function limitNum(obj) {
if(obj.value.replace(/\s/g,"")==""||obj.value.replace(/\s/g,"")=="输入关键字") {
alert('请输入关键字')
return false;
}
}
//-->
</SCRIPT>
< ......
1. oncontextm 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)><td>no</table> 可用于Table
2. <body onselectst> 取消选取、防止复制
3. 不准粘贴
4. 防止复制
5. <link > IE地址栏前换成自己的图标
6. <link   ......
/*
* JavaScript对象就是一组属性(方法)的集合
* 在该语言中如果变量名或方法名不符合声明规范,
* 则一定得用方括号“ [] ”引用它
*
*/
/**
* <1.>该语句声明了一个class1类,class1相当于构造方法,又叫构造器
* 也可说声明了一个class1方法
......
replace()最简单的算是能力就是简单的字符替换。
示例代码如下:
<script language="javascript">
var strM = "javascript is a good script language";
//在此我想将字母a替换成字母A
alert(strM.replace("a","A"));
</script>
它只替换了首字母。但如 ......