网站首页 > 基础教程 正文
一、JavaScript(简称js):是一种基于对象和事件驱动的,并具有安全性能的脚本语言。
是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,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("提示的内容");
- 上一篇: 总结下js排序算法和乱序算法
- 下一篇: Node.js项目实践:构建可扩展的Web应用
猜你喜欢
- 2024-12-14 js数组方法笔记
- 2024-12-14 Cash:Javascript打造的Unix Shell
- 2024-12-14 如何找出爬取网站的来源IP?
- 2024-12-14 js-ES6 完全使用手册
- 2024-12-14 开发技巧汇总|对于imag.js你不知道的事
- 2024-12-14 JS基本数据类型BigInt
- 2024-12-14 JavaScript数组用法
- 2024-12-14 简单几步让你的 JS 写得更漂亮
- 2024-12-14 第29节 原型prototype-Javascript-零点程序员-王唯
- 2024-12-14 五十四、最基础的冒泡排序
- 最近发表
- 标签列表
-
- gitpush (61)
- pythonif (68)
- location.href (57)
- tail-f (57)
- pythonifelse (59)
- deletesql (62)
- c++模板 (62)
- css3动画 (57)
- c#event (59)
- linuxgzip (68)
- 字符串连接 (73)
- nginx配置文件详解 (61)
- html标签 (69)
- c++初始化列表 (64)
- exec命令 (59)
- canvasfilltext (58)
- mysqlinnodbmyisam区别 (63)
- arraylistadd (66)
- node教程 (59)
- console.table (62)
- c++time_t (58)
- phpcookie (58)
- mysqldatesub函数 (63)
- window10java环境变量设置 (66)
- c++虚函数和纯虚函数的区别 (66)