`

js学习笔记

    博客分类:
  • js
 
阅读更多

1.   ==   等于     ===全等(值和类型都相等)

       如: x=5       x==5 true         x===5 true   x==="5" false

 

2.   基于某些条件对变量进行赋值的条件运算符

 

variablename=(condition)?value1:value2
例子:greeting=(visitor=="PRES")?"Dear President ":"Dear ";

3.  通过js在页面中显示时间

 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
 function startTime(){
 var today=new Date()
var years=today.getFullYear();
var months=today.getMonth();
var d=today.getDate()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
months=months+1
months=checkTime(months)
d=checkTime(d)
m=checkTime(m)
s=checkTime(s)
var weekday=new Array(7)
weekday[0]="星期日"
weekday[1]="星期一"
weekday[2]="星期二"
weekday[3]="星期三"
weekday[4]="星期四"
weekday[5]="星期五"
weekday[6]="星期六"
var w=weekday[today.getDay()]
document.getElementById('ShowTime').innerHTML=years+"年"+months+"月"+d+"日 "+w+" "+h+":"+m+":"+s;
t=setTimeout('startTime()',500)//动态显示时间
   }
   function checkTime(i)
{
if (i<10)
{i="0" + i}
return i
} 
//document.getElementById('ShowTime').innerHTML=years+"年"+months+"月"+d+"日 "+w+" "+h+":"+m+":"+s;
</script>
<body  onload="startTime()">
    <div><h1>大家一起乐自游</h1></div>
    <div id="ShowTime"></div>
</body>
</html>

  4. 提示框的使用

 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<body>
    <script type="text/javascript">
         var name=prompt("请输入您想到的第一位好友","")
	 var name1=prompt("请输入您想到的第二位好友","小沈阳")
	 document.write("你好!" + name + " 在你心目中排名第一"+"</br>")	 
	 document.write("你好!" + name1 + " 在你心目中排名第二"+"</br>") 
   </script>
</body>
</html>

 

5. 数组的用法

         使用 concat() 方法来合并两个数组:

<html>
<body>

<script type="text/javascript">
var x
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

var arr2 = new Array(3)
arr2[0] = "James"
arr2[1] = "Adrew"
arr2[2] = "Martin"
arr=arr.concat(arr2)

for(x in arr){
   document.write(arr[x]+"</br>");
}

</script>

</body>
</html>

    使用join()方法把数组里面所有的元素组成一个字符串:

 

<html>
<body>

<script type="text/javascript">

var arr = new Array(3);
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr.join());

document.write("<br />");

document.write(arr.join("+"));

</script>

</body>
</html>

 

6. javascript Math(算术)对象

 

     Math 对象的 round 方法对一个数进行四舍五入:

document.write(Math.round(4.7))     //结果5

 

    Math 对象的 random() 方法来返回一个介于 0 和 1 之间的随机数:

document.write(Math.random()) 
 

    使用 Math 对象的 floor() 方法和 random() 来返回一个介于 0 和 10 之间的随机数:

 

     document.write(Math.floor(Math.random()*11))   
 

 

 

分享到:
评论

相关推荐

    html css js 学习笔记.zip

    html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习...

    js 笔记 javascript 学习笔记

    本学习笔记将深入探讨JavaScript的核心概念,包括变量、数据类型、操作符、控制流程、函数、对象、数组、原型链、闭包等,并结合实际示例,如my.js、order.js、login.js等文件,来讲解其在实际项目中的应用。...

    个人Javascript学习笔记 精华版

    个人Javascript学习笔记 精华版 本资源为个人Javascript学习笔记的精华版,涵盖了Javascript的基础知识、事件处理、对象和系统函数、浏览器对象等方面的内容。下面是对每个知识点的详细说明: 1. 什么是JavaScript...

    html+css+js学习笔记.zip

    html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记 html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记 html+css+js学习笔记html+css+js学习笔记...

    JavaScript学习笔记.pdf

    JavaScript学习笔记是一本关于JavaScript编程语言的教材,该教材通过丰富的实例,系统地介绍了JavaScript的基础知识和实际应用技巧,帮助读者一步步掌握客户端编程技术。本书共分为九章,每一章都有其特定的主题,...

    vue.js学习笔记

    Vue.js学习笔记 Vue.js是一个轻量级的前端JavaScript框架,它以其易用性、灵活性和高效性而受到开发者的青睐。Vue的核心功能是能够将页面上的功能模块化开发,即通过组件化的方式构建前端界面,从而提高开发效率...

    javascript学习笔记

    ### JavaScript学习笔记精要 #### JavaScript简介 JavaScript是一种强大的、多用途的脚本语言,用于增强网站的交互性和用户体验。它是由Netscape公司的Brendan Eich在1995年发明的,并且迅速成为了Web开发的标准之...

    javascript学习笔记讲解版参考.pdf

    JavaScript学习笔记讲解版参考.pdf是一份详尽的教程,涵盖了从基础到进阶的JavaScript知识。这份笔记首先从CSS样式表开始,引导读者理解网页样式的设置与应用。 1. CSS(Cascading Style Sheets)样式表是用于控制...

    JavaScript学习笔记归纳.pdf

    JavaScript是一种广泛应用于网页和网络应用开发的...理解这些基础知识对于深入学习JavaScript至关重要,因为它们构成了JavaScript程序的基础。通过熟练掌握这些概念,开发者可以编写出动态、交互性强的网页和应用程序。

    javascript学习笔记整理知识点整理

    这份“javascript学习笔记整理知识点整理”是针对初学者的一份宝贵资料,涵盖了JavaScript的基础知识,旨在帮助新手快速入门并掌握这门语言的核心概念。 一、变量与数据类型 在JavaScript中,变量用于存储数据。...

    JavaScript学习笔记_js常用函数封装_js包.zip

    本压缩包“JavaScript学习笔记_js常用函数封装_js包.zip”包含了对JavaScript基础及进阶技巧的学习资料,特别关注了函数封装和模块化开发实践。 首先,`tool.js`可能是一个实用工具函数集合,封装了一些常见的...

    JavaScript学习笔记

    本学习笔记旨在帮助初学者快速掌握JavaScript的核心概念和技术,实现从入门到精通的过渡。 1. **基础语法** - 变量声明:JavaScript支持var、let和const关键字声明变量,理解它们的作用域和提升特性至关重要。 - ...

    javascript入门学习笔记

    这些只是JavaScript学习笔记的一部分,深入理解并熟练运用这些概念,将为JavaScript编程打下坚实的基础。随着学习的深入,还会接触到更多高级特性和框架,如闭包、原型链、AJAX、jQuery、Vue.js、React.js等,这些都...

    JavaScript 学习笔记集和代码库

    JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和...

    Javascript学习笔记(传智播客视频学习笔记+代码)

    "Javascript学习笔记(传智播客视频学习笔记+代码)"是一份全面介绍JavaScript基础知识的学习资源,适用于初学者。这份笔记结合了传智播客的web前端培训视频内容,提供了丰富的理论讲解和实践代码,帮助读者从零开始...

    JavaScript学习笔记,javascript基础知识,基础语法整理.pdf

    JavaScript基础知识点总结 JavaScript是一种高级的、动态的、基于对象的客户端脚本语言。它是在网页上执行的脚本语言,能实现网页的交互功能。下面是该资源中的重要知识点总结: 一、 JavaScript 基本概念 * ...

    JS学习笔记(全)

    javascript学习笔记,包括基本语法、面向对象、正则表达式、dom的所有操作

    Javascript学习笔记PPT

    Javascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript...

    JS学习笔记.pdf

    标题《JS学习笔记》暗示了这是一份关于JavaScript编程语言的学习材料,包含了一系列的学习要点。描述信息与标题相同,没有提供额外的信息。标签为空,意味着没有预设的分类或标签信息。部分内容则提供了一些...

Global site tag (gtag.js) - Google Analytics