JavaScript基础

最新推荐文章于 2022-11-23 17:32:46 发布

taraex

最新推荐文章于 2022-11-23 17:32:46 发布

阅读量131

点赞数 1

分类专栏： JAVA

本文链接：https://blog.csdn.net/taraex/article/details/93846566

版权

JAVA 专栏收录该内容

23 篇文章 4 订阅

订阅专栏

JavaScript

JavaScript基础

什么是JavaScript?
JavaScript是一种基于对象和事件驱动的 , 并具有安全性能的脚本语言
JavaScript的特点
向HTML页面中添加交互行为
脚本语言 , 语法和Java类似
解析型语言 , 边执行边解释

JavaScript基本结构

语法

<script type="text/javascript">  
  <!--JavaScript 语句;--> 
  </script >

JavaScript显示数据

<body>
      <script type="text/javascript">   
            document.write("初学JavaScript");   
            document.write("<h1>Hello，JavaScript</h1>");
    </script>   
</body>

页面上就会显示write方法里写进去的两句话

网页中引入JavaScript的方式

使用<script ->标签
外部JS文件

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

直接在HTML标签中

<input name="btn" type="button" value="弹出消息框"      onclick="javascript:alert('欢迎你');"/>

变量

先声明变量再赋值
var width;
width = 5;
同时声明和赋值变量
var catName= “狂神”;
var x, y, z = 10;
不声明直接赋值
width=5;

数据类型

undefined var width; 变量width没有初始值，将被赋予值undefined
null 表示一个空值，与undefined值相等
number var iNum=23; //整数 var iNum=23.0; //浮点
boolean true和false
string 一组被引号（单引号或双引号）括起来的文本 var string1=“This is a string”;

弹窗提示

alert
alert(“提示信息”);
prompt()
prompt(“提示信息”, “输入框的默认信息”);
prompt(“请输入你喜欢的颜色”,“红色”);
prompt(“请输入你喜欢的颜色”,"");

语法约定

代码区分大小写
变量 , 对象和函数的名称
1.JavaScript的关键字小写
2.内置对象大写字母开头
3.对象的名称通常是小写
4.方法命名规则和Java相同
分号

JavaScript的函数

函数的含义 : 类似于Java中的方法 , 是完成特定任务的代码语句块
使用更简单 : 不用定义属于某个类 , 直接使用
函数分类 : 系统函数和自定义函数

常用的系统函数

parseInt (“字符串”)
将字符串转为正型
parseFloat(“字符串”)
将字符串转换为浮点型数字
isNaN()
用于检查其参数是否是非数字

自定义函数

定义
function 函数名(参数1，参数2，参数3){
//JavaScript语句
[return 返回值]
}
可定义有参或者无参函数，返回值可有可无
调用
事件名＝ “函数名( )” ;

调用无参函数

function study( ){    
    for(var i=0;i<5;i++){      
          document.write("<h4>欢迎学习JavaScript</h4>");       
           }
 }

<input name="btn" type="button"   value="显示五次"  onclick="study( )" />

当点击按钮的时候，就会调用study()函数，在网页上打印5次"欢迎学习JavaScript"

调用有参函数

function study(count){    
    for(var i=0;i<count;i++){      
          document.write("<h4>欢迎学习JavaScript</h4>");    
              } 
 }

<input name="btn" type="button" value="请输入显示欢迎学习JavaScript的次数"  onclick="study(prompt('请输入显示欢迎学习JavaScript的次数:',''))" />

单击此按钮时，调用函数study (count )，执行函数体中的代码

事件

名称	说明
onload	一个页面或一幅图像完成加载
onlick	鼠标单击某个对象
onmouseover	鼠标指导移到某元素上
onkeydown	某个键盘按键被按下
onchange	域的内容被改变

数据类型

名字	说明
undefined	var width; 变量width没有初始值，将被赋予值undefined
null	表示一个空值，与undefined值相等
number	var iNum=23; //整数 var iNum=23.0; //浮点数
boolean	true和false
string	一组被引号（单引号或双引号）括起来的文本 var string1=“This is a string”;

Typeof运算符

typeof检测变量的返回值
typeof运算符返回值如下:

undefined : 变量被声明后 , 但未被赋值
string : 用单引号或双引号来声明的字符串
boolean : true 或 false
number : 整数或浮点数
object : javaScript中的对象 , 数组 , 或null

String对象

方法名称	说明
charAt(index)	返回在指定位置的字符
indexOf(str，index)	查找某个指定的字符串在字符串中首次出现的位置
substring(index1， index2)	index2)
返回位于指定索引index1和index2之间的字符串	[index1,index2)
split(str)	将字符串分割为字符串数组

数组

数组中常用的方法
join()
把数组的所有元素放入一个字符串，通过一个的分隔符进行分隔
sort()
对数组排序
push()
向数组末尾添加一个或更多元素，并返回新的长度

taraex

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript基础

JavaScriptJavaScript基础什么是JavaScript?JavaScript是一种基于对象和事件驱动的 , 并具有安全性能的脚本语言JavaScript的特点向HTML页面中添加交互行为脚本语言 , 语法和Java类似解析型语言 , 边执行边解释JavaScript基本结构语法<script type="text/javascript"> &...
复制链接

扫一扫