前端基础知识
来源:互联网 发布:北京淘宝电商培训 编辑:程序博客网 时间:2024/05/19 14:54
虽然目前前端JavaScript都是用框架进行开发,但是框架中的函数都是由原生js封装成的,因此适当了解js基础知识是有必要的。
JavaScript在前端中的主要作用是:
页面行为:部分动画效果、页面与用户的交互、页面功能。
1 js的嵌入页面的方式。
1 行间事件(主要用于事件),2 页面标签嵌入,3 外部引入,一般开发中第三种用的比较多。
一 变量
js中的变量与C语言有些类似,需要先定义,不同的是js中用var关键字来定义变量,比如:
var iNum = 22; var sTr = ‘ABC’;
上面定义了一个数字类型和字符串类型的变量。
js中有5中基本变量类型:1 number数字类型 2 string字符串类型 3 Boolean布尔类型 4 undefined类型 5 null类型。其中前三种和其他语言的类似,undefined类型是变量声明未初始化如 var a;null类型是表示空对象,如var a=null;在页面上获取不到对象时,返回值就是null。还有一种复合类型:object,与Python中的对象类似。
二 获取元素的方法
1 使用内置对象document上的getElementById()方法来获取页面上设置了id属性的元素,获取到的是一个html对象,然后将它赋值给一个变量比如:
获取到的就是一个div对象,但是把javascript写在元素的上面,就会出错,因为页面上从上往下加载执行的,javascript去页面上获取元素div的时候,元素div1还没有加载,因此可以可以把js放在页面的最下面。但是这样不太方便也不习惯,开发中主要是使用第二种方法:用window.onload函数进行加载全部页面后再执行,例如:
window.onload = function(){var oDiv = document.getElementById('div1');}三 操作元素属性
主要有两种方法1 ‘.’操作 2 ‘[ ]’操作
其中‘.’操作与python中获取对象的方法与属性类似,比如:
读取属性值存储到变量中:
var oD = document.getElementById(‘link’);
var oD1 = oD.href;
先获取到link对象 然后将link对象中的href属性存储到 oD1变量中,然后就可以对属性进行设置了。
通过“[ ]”操作属性:
oA.style[sVal1] = sVal2; sVal1是字符串的话用[]包裹起来。
innerHTML可以读取或者写入标签包裹的内容,比如:oDiv.innerHTML = ‘百度一下’ 就可以向div标签中写数据了。
总结:这只是简单介绍一下用js对html中的元素进行获取和修改,js和其他编程语一样,有函数,循环和判断等一些用法,这只是最简单的获取和修改元素,这样可以对js原生代码有简单的了解。
- 前端基础知识
- 前端基础知识
- 前端基础知识
- 前端基础知识
- 前端基础知识
- 前端基础知识
- 前端基础知识
- Web前端之基础知识
- 前端基础知识总结
- 前端开发基础知识结构
- 前端基础知识科普
- WEB前端模块化基础知识
- 前端,表单基础知识详解
- 前端基础知识笔记
- Web前端基础知识(1)
- 前端基础知识(一)
- web前端基础知识-20170428
- web前端基础知识-20170502
- 二叉树非递归遍历
- 使用Nodejs进行web开发
- uva 12934
- android——数据储存
- 2017.08.05【NOIP提高组】模拟赛B组总结
- 前端基础知识
- C/C++程序编译运行生成过程分析
- 第一写下属于自己的东西
- 数通平台软件的封装库:对象管理库
- SQL学习之排序与过滤
- HDU6071-Lazy Running 最短路+思维
- Java冒泡排序
- 质数因子
- 关于myBstis操作