网站首页 > 知识剖析 正文
一、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("提示的内容");
猜你喜欢
- 2024-12-27 前端中JS的字符编码及常用操作字符API
- 2024-12-27 更好搜索体验,火狐Firefox33.0.0.5397官方下载
- 2024-12-27 Fuse.js - 免费开源、小巧无依赖的模糊搜索 JavaScript 工具库
- 2024-12-27 JavaScript字符串charAt()方法教程
- 2024-12-27 Firefox火狐浏览器126版更新修复PDF.js漏洞
- 2024-12-27 JS原生对字符串操作的常用方法 原生js怎么获取子元素
- 2024-12-27 新增忘记按钮,火狐浏览器Firefox33.1官方下载
- 2024-12-27 使用JShaman进行JS代码加密时,保留字的作用
- 2024-12-27 Python教程:第9篇 字符串基本操作
- 2024-12-27 Web3系列教程之入门篇——1:了解React (Next.js)
- 最近发表
-
- jQuery EasyUI使用教程:创建展开行详细编辑表单的CRUD应用
- CSDN免登陆复制代码的几种方法(csdn扫码登录怎么实现的)
- LayUi提高-Select控件使用(layui form select)
- 用 Playwright MCP 让 AI 改它自己写的屎山代码
- multiple-select.js中手动设置全选和取消全选
- 前端实现右键自定义菜单(html 自定义右键菜单)
- JavaScript脚本如何断言select下拉框的元素内容?
- 广州蓝景分享—实用的CSS技巧,助你成为更好的前端开发者
- MyBatis-Plus码之重器 lambda 表达式使用指南,开发效率瞬间提升80%
- Go语言之select的使用和实现原理(go select case)
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)