JS第一课时笔记

Posted 2020-10-07

一、JS有三种方式来表现

1、在标签里设置事件

<script>
function myclick(){alert("hello word")}

</script>

<input type="button"value="我是一个按钮"onclick="myclick()" />

效果：

2、在标签里设置id，这时我们需要先找到id再来执行事件

<script>
onload=function()
{document.getElementById("an").onclick=function()
{alert("hello world")}}

</script>

<input type="button"value="我是一个按钮"id="an" />

3、将JS放在标签下面就不用onload事件（html习惯从上到下解析代码）

我们在做一个demo的时候习惯将js名称与HTML名称保持一致，当项目多的时候方便识别

二、javascript几个特点

1、区分大小写

2、声明变量，用var来声明，为弱类型

像int i=10；string s="aaa"这样定义分明的为强类型，js用的是弱类型，不管是整数字符串都可以一律用var来定义

3、var可以同时声明多个

4、当弹窗出现undefine，则说明没有赋值

三、变量命名规则

1、首字母必须是字母（大小写均可）、下划线或美元符

2、余下的字母可以是下划线、美元符、任意字母或数字字符

3、变量名不含关键字，如alert、function这些就是关键字

四、数据类型

1、字符串

length是返回字符串的长度

<script>
function myclick(){
var sString="hello world";
alert(sString.length);}
</script>

<input type="button"value="我是一个按钮"onclick="myclick()" />

单词中的空格也算一个长度

chartat（字符位置）获取指定位置的字符，位置也指索引，从0开始

<script>
function myclick(){
var sString="hello world";
alert(sString.charAt(4));}
</script>

<input type="button"value="我是一个按钮"onclick="myclick()" />

substring（）表示从这个数值开始截取

substring（3,7）表示从3这个位置截取但是不包括7这个位置的数值

<script>
function myclick(){
var sString="hello world";
alert(sString.substring(3,7));}
</script>

<input type="button"value="我是一个按钮"onclick="myclick()" />

substr（3,5）从3的位置开始截取5个长度

<script>
function myclick(){
var sString="hello world";
alert(sString.substr(3,5));}
</script>

<input type="button"value="我是一个按钮"onclick="myclick()" />

indexof（"l"）表示从前往后去找l出现的起始位置

<script>
function myclick(){
var sString="hello world";
alert(sString.indexOf("l"));}
</script>

<input type="button"value="我是一个按钮"onclick="myclick()" />

indexof（“l”,4）表示从第四个位置从前往后找l第一次出现的位置

<script>
function myclick(){
var sString="hello world";
alert(sString.indexOf("l",4));}
</script>

<input type="button"value="我是一个按钮"onclick="myclick()" />

indexof（“-”）查找字符里是否包含这个字符，若找不到则返回-1

<script>
function myclick(){
var sString="hello world";
alert(sString.indexOf("-"));}
</script>

<input type="button"value="我是一个按钮"onclick="myclick()" />

lastindexof表示从后往前找

定义时候用整数用var iNum=10 小数 var fNum=20.34 字符串var sNum=“20”这是加强语义的一种表达方法

“+”有两个作用，一是做加法运算，二是做连接