继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

javaScript在html中的一些常用方式

损失函数
关注TA
已关注
手记 70
粉丝 1533
获赞 2735

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


用户交互

2.confirm-消息对话框
confirm 消息对话框通常用于允许用户做选择的动作,如:“你对吗?”等。弹出对话框(包括一个确定按钮和一个取消按钮)。
语法:confirm(str);
参数说明:
str:在消息对话框中要显示的文本
返回值: Boolean值
返回值:
当用户点击"确定"按钮时,返回true
当用户点击"取消"按钮时,返回false

<script type="text/javascript">
    var mymessage=confirm("你喜欢JavaScript吗?");
    if(mymessage==true)
    {   document.write("很好,加油!");   }
    else
    {  document.write("JS功能强大,要学习噢!");   }
</script>

3.prompt 提问消息对话框
prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框(包含一个确定按钮、取消按钮与一个文本输入框)。
语法:
prompt(str1, str2);
参数说明:
str1: 要显示在消息对话框中的文本,不可修改
str2:文本框中的内容,可以修改
返回值:

  1. 点击确定按钮,文本框中的内容将作为函数返回值
  2. 点击取消按钮,将返回null
    看看下面代码:
var myname=prompt("请输入你的姓名:");
if(myname!=null)
  {   alert("你好"+myname); }
else
  {  alert("你好 my friend.");  }

获取或修改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 属性指定的父坐标的计算顶端位置 。

打开App,阅读手记
44人推荐
发表评论
随时随地看视频慕课网APP

热门评论

谢谢啦,新手正好学习


很实用,新手可以参考一下

查看全部评论