2021-08-20 JavaScript-1
2021/8/20 22:35:52
本文主要是介绍2021-08-20 JavaScript-1,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
JavaScript
为什么要学习javascript
JS是属于web的编程语言,html给出了web页面的元素,css解决了web页面元素的布局问题,想要实现web页面的动态效果就需要使用JS。
使用JS可以有效地减轻服务器的压力
JS特点
基于事件和对象驱动的安全的脚本语言
向html页面添加交互行为
脚本语言,语法和Java类似
解释型语言,边执行边解释
JS基本结构
<script type="text/javascript"> /*以往的浏览器对于JS的支持并不友好。 *script标签可以放在head标签下也可以放在body标签中,考虑到加载时间建议放到body标签的底部 *你可以在标签内部写JavaScript语句 *看下面的例子举一反三 *也可以给script标签添加src属性导入外部JS */ window.document.write("value"); window.document.write("<p>value<p/>"); <script/> <script type="text/javascript" src="js/index.jx "><script/>
JavaScript组成
JS原理
浏览器向服务器发送请求,服务器解析html和JS并响应浏览器发送数据
事件
- onclick 单击事件
- onmouseover 鼠标悬停事件
- onload 一个页面或者一幅图像完成加载
- onkeydown 某个键盘中的键被按下
- onkeyup 键盘中的某个键回弹
- onpress 键盘中的按下并回弹
- onchange 域的内容被更改
JavaScript语法
变量 数据类型 数组 运算符号 控制语句 注释 输入/输出 语法约定
<script type="text/javascript"> //声明变量 var name="value"; var num=6; //typeof(var_name)用于获取变量类型 //数据类型 string number boolean undefined null object //alert(参数)浏览器弹窗函数 //属性 length 属性和方法都是用"."符号和变量分割 //函数 indexOf() subString(index1,index2)左闭右开区间, // split(str) str的值可以为"" or "," 将字符串拆分为数组以str中的符号间隔 var arrayName = new Array(7);//初始值为undefined类型 //join(str) str的值为"-"或其他符号 将数组转换为字符串用符号连接 //sort() 对数组进行排序 //push() 向数组新增元素并返回新的长度 <script/>
运算符、逻辑控制(分支、循环)
与Java语法上相似,不再赘述
break continue return
注释
<script type="text/javascript"> //单行注释 /* *多行注释 */ <script/>
常用输入输出
alert(str);弹框提示
prompt(str1,str2);提示并获取用户输入,获取到的信息都是string类型
语法约定
区分大小写 标识符 使用分号
调试
进入开发者模式在浏览器中打断点一步一步进行调试
function函数
常用系统函数
parseInt(str) 字符串转换为数值类型 整数和小数
parseFloat(str)
isNaN() 非数值类型判断
自定义函数
<script type="text/javascript"> function funName(num1,num2){ //在这里写方法,参数列表中不需要标识符var //使用funName(实际参数列表)直接调用函数 } <script/>
这篇关于2021-08-20 JavaScript-1的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-09-28AI给的和自己写的Python代码,都无法改变输入框的内容,替换也不行
- 2024-09-27Sentinel配置限流资料:新手入门教程
- 2024-09-27Sentinel配置限流资料详解
- 2024-09-27Sentinel限流资料:新手入门教程
- 2024-09-26Sentinel限流资料入门详解
- 2024-09-26Springboot框架资料:初学者入门教程
- 2024-09-26Springboot框架资料详解:新手入门教程
- 2024-09-26Springboot企业级开发资料:新手入门指南
- 2024-09-26SpringBoot企业级开发资料新手指南
- 2024-09-26Springboot微服务资料入门教程