专业编程基础技术教程

网站首页 > 基础教程 正文

JavaScript

ccvgpt 2024-12-14 10:19:31 基础教程 1 ℃

一、JavaScript(简称js):是一种基于对象和事件驱动的,并具有安全性能的脚本语言。

是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。

JavaScript

特点:解释性语言,运行于浏览器中。

1.js的组成:js语法、DOM(文档对象模型)、bom(浏览器对象模型)



二、在网页中添加js的方法:

1.利用script标签添加js代码

<script language="javascript" type="text/javascript">

//js代码

document.write("helloword");

</script>

注意:一般情况下,script标签写在head标签中.

2.在网页使用script标签引用外部js文件(*.js)

<script language="javascript" type="text/javascript" src="js/index.js"></script>

三、js的基本语法:

1.变量

var 变量名[=值];

注意:由值决定变量的类型

2.数据类型:

在js中常用类型有:undefined,number,null,boolean,string

注意:没有数据类型只是说法

使用typeof(变量) 获取变量的类型

3.控制结构:

判断、循环

四、js中常用的内置对象

1.常用内置对象:字符串对象String、数组对象Array、日期对象Date、数学对象Math

2.字符串处理:

var str="ab,cde,fghi,cj";

//操作字符串

document.write("字符串长度:"+str.length);

document.write("<br/>查找某字符串首次出现的位置:"+str.indexOf('c'));

document.write("<br/>查找某字符串首次出现的位置(反着):"+str.lastIndexOf('c'));

document.write("<br/>指定字符出现的位置:"+str.charAt(2));

document.write("<br/>截取字符串:"+str.substring(1,5)); //从1开始到5结束

//document.write("<br/>替换字符串"+str.replace(/c/g,'C'))

document.write("<br/>替换字符串"+str.replace('c','C'));

//分割字符串成数组

var ary=str.split(",");

for(var i=0;i<ary.length;i++){

document.write("<br/>"+ary[i]);

}

3.使用数组

//1.定义数组

//var 数组名称=new Array(长度|值列表);

//var arynames=new Array(4);

//2.赋值

/* arynames[0]="张三";

arynames[1]="李四";

arynames[2]="王五";

arynames[3]="赵六";

*/

//4.定义数组并初始化内容

var arynames=new Array("a张三","p李四","c王五","k小赵");

//3.获取数组中的值

for(var i=0;i<arynames.length;i++)

{

document.write(arynames[i]);

}


//5.数组常用方法属性

//document.write("获取长度:"+arynames.length);

//常方法

//3.添加元素

arynames.push("哈喇");

//1.将数组以分割符连接成字符串

var str=arynames.join("@");

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

//2.排序

arynames.sort();

document.write("排序后");

for(var i=0;i<arynames.length;i++)

{

document.write(arynames[i]);

}

常用语句:

1.输出语句

document.write("要输出的内容");

2.输入框

var num=prompt("输主框提示信息:"[,默认值]);

3.提示框

alert("提示的内容");

最近发表
标签列表