初学-js

一概念:

1.js是什么:

弱类型:类型不强

脚本语言,不需要编译;

基于浏览器,与后台无关

基于对象:有封装,无继承,因此无多态;不能创造完整事件。

事件驱动;

2.作用:

表单验证;

添加页面动画效果

动态更改页面内容

Ajax网络请求;异步, javascript and xml

3.组成部分

ECMAscript:语法

DOM文档对象模型,如:改变其样式

BOM浏览器对象模型,知道浏览器内部对象状态;如,加载完毕,弹出一个对话框;

二.语法标准:

变量名区分大小写;不能数字开头,可包含$字符

报错不告诉你在哪一行;

若有两个变量名一样,则只定义了一个变量;

三.js基本使用

1.变量

不声明直接赋值:

width=10;

为全局变量;

/*先声明再赋值*/

/*var width;

/*alert(typeof(width));*/

width=10;

alert(typeof(width));

/*同时声明变量并赋值*/

var width=10;

alert(width);

/*声明三个变量并赋值*/

var x=10,y=20,z=30;

alert(x);alert(y);alert(z);

var num=10;

var num=20;

alert(num);

/*其他语言中不可以*/

num=‘hshh‘;

alert(typeof(num));

num=true;

alert(typeof(num));

JS 的三种写法:

第一种:直接在head中写

第二种:引入外部的JS:

第三种:在body中的input中的点击事件onclick="javascript:alert()".

2.数据类型:7个(undefined,null,Boolean,number,string,object,function)

undefined

null

Boolean:必须小写

number:整数型,浮点型;

NaN:非数值

isNaN:用来判断到底是不是NaN:结果是true或false;

转换函数:有数值的只能获取前面的,如110abc110;结果是110

Number():将任何类型转换成数值型(必须包含数值)

parselnt()转换成整数

parseFloat()转换成小数(若原来是整数,则还是转换成整数)

string:用引号括起来,单双都可以;

object复杂数据类型;一组数据和功能的集合;如;标签,数组

function:函数

3.常用输入输出:

alert();弹出一个提示框

prompt:弹出一个输入框,有返回值;

时间: 2024-10-12 03:20:35

初学-js的相关文章

初学JS——实现基于计时器的小游戏。

这几天一直在看网易云课堂上免费的JS课程,正好今天看到讲了计时器setInterval,第一感觉就是像C#里的TIMER.然后课程里举得例子正好通过计时器改变新生成窗口的位置, 然后就突然有了灵感!可以写一个“抓住我”的小游戏. 因为刚学JS 懂的实在很少,所以就通过自己已经学过的内容实现了, 主要原理是建一个5X5的表格,每一个格子里放一个DIV,并通过数字命名ID 1-25. 然后就是通过网上找的一个获取随机数的方式,getelementbyid获取随机的一个DIV并且通过innerHTML

初学JS——利用JS制作的别踩白块儿(街机模式) 小游戏

初学JS--利用JS制作的别踩白块儿(街机模式) 小游戏 这个是上个星期5写的了,当时是突然想写个游戏,就想到了别踩白块儿,当时的想法是 可能普通模式的别踩白块儿因为他的"块儿"是滚动的向上这种,以我目前会的技术想不出怎么写, 但是如果是街机模式,通过你每按一次按键之后他像下跳一格这样的就非常好实现了. 通过我目前会的知识,实现的步骤大概是这样的: 建一个4X4的表格,制作2张150X100的图片,一张全白色,一张全黑色,命名为0.JPG,1.JPG 就是说当文件名为0的时候就是白色的

初学JS

JS验证表单是否为空,若为空,显示弹窗,之后将焦点聚集在为空的表单上: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script language="JavaScript"> function check() { if (loginForm

初学js正则表达式之密码强度验证

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

初学js正则

以下内容仅作为个人总结,如果有误,还请指出,谢谢 正则表达式的用途大致分为三种: 判断字符串是否匹配某种模式 将字符串中符合某种模式的内容替换掉 将字符串中符合某种模式的内容提取出来 js创建正则表达式: 通过实例化类的方式 new RegExp(pattern, attributes); // 参数 pattern 是一个字符串,指定了正则表达式的模式或其他正则表达式 // 参数 attributes 是一个可选的字符串,被称为修饰符,包含属性 "g"."i" 和

初学JS之脚本语言简介

1. 什么是脚本语言? 脚本语言又被称为扩建的语言,或者动态语言,是一种编程语言,用来控制软件应用程序,脚本通常以文本(如ASCII)保存,只在被调用时进行解释或编译.是为了缩短传统的编写-编译-链接-运行(edit-compile-link-run)过程而创建的计算机编程语言.(摘自百度百科) 2. 有哪些主流的脚本语言? 在2014年编程语言排行中,排在7,8,9,10,11位的都是主流的脚本语言. 下面就简单的介绍下他们的具体作用和特点: 1.1 PHP :  最初的名字是Personal

记得初学JS时候练个九九乘法表都写的要死要活

还记得当初刚接触JS时候,看到视频中老师写了个九九乘法表,觉得好神奇,可是自己在下面动手写了半天还是有各种问题,甚是懊恼啊.今又看到园子里有关于乘法表的博文,出于对过去的不舍与缅怀,遂重写一遍. <script> write('<table>'); for (var i = 1;i<10;i++) {  write('<tr>')  for (var j =1;j<=i;j++) {    write('<td>'+j+'*'+i+'='+j*i

初学JS笔记1

1.取值问题 <table id="tab"> <tr> <td class="center">alice</td> <td class="center">summer shoe</td> <td class="center">468.00</td> </tr></table> jQuery获取td的text

js初学—js全自定义单选框

代码如下: <script type="text/javascript"> window.onload=function() { var oIput=document.getElementsByTagName('input'); var Obtn=document.getElementById('btn'); for(var i=0;i<oIput.length;i++) { oIput[i].onclick=function() { for(var i=0;i<