码迷,mamicode.com
首页 > Web开发 > 详细

JS第一课时笔记

时间:2017-09-19 22:53:29      阅读:241      评论:0      收藏:0      [点我收藏+]

标签:大小写   word   效果   http   func   变量命名   说明   分享   一个   

一、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”这是加强语义的一种表达方法

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

 

JS第一课时笔记

标签:大小写   word   效果   http   func   变量命名   说明   分享   一个   

原文地址:http://www.cnblogs.com/renjiaoyang/p/7554397.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!