合肥Web培训
达内合肥web培训中心

0551-64632511

热门课程

javaScript在html中有哪些应用?

  • 时间:2016-06-16
  • 发布:合肥web培训
  • 来源:达内新闻

合肥达内web前端培训专家介绍javaScript在html中的常用方式。

1.js在html中的位置

通常来说,javascript作为一种脚本语言是可以放在html页面中任何位置,但是浏览器解释html时是按先后顺序的,所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面,因为初始化都要求提前进行(如给页面body设置css等);而如果是通过事件调用执行的function,对位置就没什么要求了。

用户交互

2.confirm-消息对话框

confirm 消息对话框通常用于允许用户做选择的动作。弹出对话框(包括一个确定按钮和一个取消按钮)。

语法:confirm(str);

参数说明:

str:在消息对话框中要显示的文本

返回值: Boolean值

返回值:当用户点击"确定"按钮时,返回true 当用户点击"取消"按钮时,返回false

3.prompt 提问消息对话框

prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框(包含一个确定按钮、取消按钮与一个文本输入框)。

语法:

prompt(str1, str2);

参数说明:

str1: 要显示在消息对话框中的文本,不可修改

str2:文本框中的内容,可以修改

返回值:

点击确定按钮,文本框中的内容将作为函数返回值

点击取消按钮,将返回null

获取或修改dom元素内容

4.innerHTML-通过dom元素来获取或修改内容

语法:Object.innerHTML

注意:Object是获取的元素对象,如通过document.getElementById("ID")获取的元素。

获取内容:Object.innerHTML;

修改内容:Object.innerHTML = “content”;

5.二维数组的声明赋值

第一种方法:两成for循环

var myarr=new Array(); //先声明一维
for(var i=0;i<2;i++){ //一维长度为2
myarr[i]=new Array(); //再声明二维
for(var j=0;j<3;j++){ //二维长度为3
myarr[i][j]=i+j; // 赋值,每个数组元素的值为i+j
}
}

第二种方法:直接声明赋值

var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3, ]];
myarr0=5; //将5的值传入到数组中,覆盖原有值。

6.网页卷去的距离与偏移量

scrollLeft:设置或获取位于给定对象左边界与窗口中目前可见内容的最左端之间的距离 ,即左边灰色的内容。

scrollTop:设置或获取位于对象最顶端与窗口中可见内容的最顶端之间的距离 ,即上边灰色的内容。

offsetLeft:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 。

offsetTop:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶端位置 。

想成为web前端工程师,就选合肥web前端培训机构,TTS 云教学模式,web培训名师指导,4个月让你成为web开发高手。
上一篇:移动端web开发的一些技巧
下一篇:快速入门htm

JavaScript是真正的 OOP 语言吗?

合肥达内Web培训机构:浅谈2017年web网页新趋势

合肥达内Web培训机构聊一聊web前端开发的行业前景

合肥达内Web前端培训培养软件开发工程师

选择城市和中心
贵州省

广西省

海南省