前端记录3(js)
- js:JavaScript,页面行为:部分动画效果、页面与用户的交互、页面功能
- js的引入:
- 行间事件: <input type="button" onclick="alert('ok!');">
- 页面script标签嵌入
<script type="text/javascript">
alert('ok!');
</script>- 外部引入
<script type="text/javascript" src="js/index.js"></script>
- JavaScript 是一种弱类型语言,javascript的变量类型由它的值来决定。 定义变量需要用关键字 'var'
- 数据类型:
- 五种基本数据类型:
- number 数字类型
- string 字符串类型
- boolean 布尔类型 true 或 false
- undefined undefined类型,变量声明未初始化,它的值就是undefined
- null null类型,表示空对象,如果定义的变量将来准备保存对象,可以将变量初始化为null,在页面上获取不到对象,返回的值就是null
- 一种符合类型:object
- 函数:
- 定义:
function fnFunc1(){
alert('hello world!');
}- 调用:
fnFunc1()
- 获取元素
- 使用内置对象document的getElementById方法来获取页面上设置了id属性的元素,获取到的是一个html对象,将它赋值给一个变量:
<script type="text/javascript">
var oDiv = document.getElementById('div1');
</script> - 操作元素:
- var 变量 = 元素.属性名 读取属性
- 元素.属性名 = 新属性值 改写属性