1.通过javascript想文档中输出文本
document是javascript的内置对象,代表浏览器的文档部分
document.write("Hello Javascript") 向文档写入字符串
2.javascript和DOM结合的一个简单例子
οnclick="...." 表示点击button 之后想做的事情
document.getElementById 根据id获取指定的元素
.style.display='none' 隐藏
.style.display='block' 显示(以 block 的形式显示)
3.BOM 和DOM
完整的js是由BOM和DOM组成
只有通过js操作DOM对象的时候,才会带来很好的实用效果!
4.script标签
js都是放在script标签中的,一旦加载就会执行,执行顺序为从上到下
当代码较多时,可以采用和css一样的手段,将js代码从中剥离出来,单独放到一个文件中(,js)
5.用法
》1.使用var声明一个变量
》2.不使用var (全局变量)
6.基本数据类型
》1.undefine 声明了但是未赋值
》2.Boolean 布尔
》3.Number 数字
》4.String 字符串
》5.var 动态类型
》6.typeof 变量类型判断
》7.null 空对象/对象不存在
6.函数
例子
<script>
function print(){
document.write("这一句话是由一个自定义函数打印");
}
print();
</script>
》1.function 关键字用于定义一个函数
》2.print 即函数的名称
》3.()表示参数列表,像这样就指没有参数
》4.{ } 函数开始结束
priint() 函数的调用
7.事件
<script>
function showHello(){
alert("Hello JavaScript");
}
</script>
点击触发showHello 函数
<button οnclick="showHello()">点击一下</button>
8.对象
数字对象
》1.创建数字对象(var x =new Number(123) )
》2.最大值 最小值 (MAX_VALUE MIN_VALUE)
》3.NaN 表示不是一个数字 当通过非数字创建Number的时候,就会得到NaN
注意:判断是不是一个数字的是函数 isNaN() 例子: isNaN(x) 返回一个boolean类型
》4.返回一个数字的小数表达(toFixed 函数) 例子:toFixed(2) 123.00 toFixed(3) 3.142
》5.返回一个数字的科学计数法表达 toExponentia x.toExponentia()
》6.返回一个数字对象的基本数字类型 valueOf() 返回一个基本类型的数字 x.valueOf();
字符串对象
》1.创建 var x="5" var y= new String(x);
》2.字符串长度 y.length
》3.返回指定位置的字符
charAt 返回指定位置的字符 y.charAt(0) 第0位
charCodeAt 返回指定位置的字符对应的Unicode码 y.chartCodeAt(0) 第0位
》4.字符串拼接
x.concat(y) x和y拼接到一起
》5.字符串出现的位置
indexOf 返回子字符串第一次出现的位置 y.indexOf("a")
lastIndexOf 返回子字符串最后一次出现的位置 y.lastindexOf("a")
》6.比较两段字符串是否相同
localeCompare 比较两段字符串是否相同,0即表示相同,非0表示不同 x.localeCompare(y)
》7.substring 截取一段子字符串 y.substring(0,3)
》8.split 根据分隔符,把字符串转换为数组。 y. split(" ") 空格截取
》9.replace(search,replacement)
找到满足条件的子字符串search,替换为replacement y.replace("a","o")
全部替换的话 x.replace(/a/g, "o");
实例子:
function p(s){
document.write(s);
document.write("<
br
>");
}
var x = new String("Hello JavaScript");
p('这个是原字符串: '+x);
var y = x.replace("a","o");
p('只替换第一个 a: '+y);
var regS = new RegExp("a","g");
var z = x.replace(regS, "o");
p('替换掉所有的 a: '+z);