{JS的三种方式}
1 HTML中内嵌JS(不提倡使用)
<buttonhttps://www.linuxidc.com/Java" target="_blank" title="https://www.linuxidc.com/topicnews.aspx?tid=19">Javascript:alert()">点我呀!!!</button>
<button ondblclick="javascript:alert()">点我呀!!!</button>
<button>点我呀!!!</button>
2 html页面中使用JS
<script type="text/javascript">
//JS代码
</script>
3 引用外部JS文件
<script language="JavaScript"src=""></script>
注意事项:
① 页面中的JS代码和引用的JS代码 可以嵌入到HTML中的任何位置,但是位置不同,会影响JS代码的执行顺序
②页面中的js代码:使用type="text/javascript"
引用外部的js文件 使用language="JavaScript"src=""
例如<script>在body前面会在加载前出现
③ 引用外部JS文件的<script></script>必须成对出现且标签内部不能有任何代码
<script type="text/javascript">
// js中的注释
// 单行注释 ctrl+/
/*
段落注释 ctrl+shift+/
**/
// alert("我弹了一个窗")
// document.write("<h1></h1>")
/*JS中的变量
* 1 js中变量声明的写法
* var width=10; 使用var声明的变量,只在当前函数作用域有效
* width=11; 不使用var 直接赋值生成的变量 默认为全局变量整个JS文件有效
* var a,b,c=1; 同一声明语句同时声明多个变量,变量之间用英文逗号分开,但 赋值需要单独赋,例如上式中的只有c赋为1
* 2 变量的命名规范:
* ① 变量名只能有字母数字下划线$ 组成
* ② 开头不能使数字
* ③ 变量区分大小写 大写字母与小写字母为不同变量
* 3 变量名命名要符合驼峰法则
* 变量开头要小写 之后首字母大写 (或单词之间有下划线分隔)
* JiangHaoIsShuaiGe
* 4 类型JS中的变量的数据类型
* undefined:未定义 用var声明的变量 没有进行初始化数值。 var a;
* Null 代表特殊的变量类型。 表示为空的引用 var a=null;
* Boolean 真假 可选true和false
* Number 数值类型 可以是小数,也可以是整数
* STRING 字符串类型 用""或''包裹的内容为字符串
* Object (复杂数据类型) 后续讲解, 函数,数组等。
* 5 常用的数值函数
* ① isNaN 用于判断一个变量或常量 是否为非数值
* 使用isNAN判断时,会尝试使用number()函数进行转换 如果能转换为数字 则不是非数值 结果为false
* "111" 纯数字字符串 的、false " " 空字符串 false "la" 包含其他字符 true
* true/false 布尔类型 false
* ② Number() 将其他类型转化为数值类型
* [字符串类型]
* 1 字符串为纯数值字符串,会转为对应的数字 "1111"》111
* 2 字符串为空字符串 会转为"0">0
* 3 字符串包含其他非数字字符时,不能转换,"111a">NaN
* [NULL/undefined转数值]
* null>0 unfedined>0
* [Boolean类型转数值]
* true>1 false>0
* Object类型转数值]
* 先通用ValueOf 方法确定函数是否有返回值 在根据上述情况判断
* ③parseInt 将字符串转化为数值类型
* >>>> 空字符串 不能转 结果为NAN
* >>>> 纯数值字符串 能转 "123">123 "123.65">123(小数转化时,直接抹掉小数点)
*>>>> 包含其他字符的字符串。会就取第一个非数值字符前的数值部分
* "1234a123">1234 "a1234">NaN
* >>>> parseInt值能转string类型,boolem/null/undefined 均为NaN
* ④ parseFloa:将字符串转换为数值
* 使用方式同parseInt,当转化小数字符串时 保留小数点,转化整数字符串时 保留整数
* "123.5" >123.5 "123">123
* ⑤ typeof 用来检测变量数据类型
* 未定义>undefined 字符串>string true/false> boolean
* 数值>number 对象/null>object 函数>function
* */
/*声明变量注意事项
* ① JS中的所有变量类型声明,均使用var关键字变量的具体数据类型取决于给变量赋值的执行
* ② 同一变量:可以再多次不同赋值时,修改变量的数据类型
* var width=10; width为整型变量
* ; width被改为字符串类型
* ③变量可以使用var声明 也可以省略var [区别] 不使用var为全局变量
* ④ 同一变量名可以多次用var声明 但并没有任何含义 也不会报错,第二次之后的声明 只会被理解为赋值
* */
var a; // 声明变量
a=10; // 给变量赋值
JS中输入和输出语句
*1 文档中的打印输出 document 。write{};
* 输出语句 将write的()中的内容打印在浏览器屏幕上
* 使用时注意:改变量/常量以外的内容 打印时必须放在""中,变量/常量必须放在""外
* 打印内容同时有多部分内容时,中间用+链接
* 例如 document.write("左手中的纸牌"+left+"<br/>");
* 2 弹窗输出alter{} 警报
* 弹窗警告 ()中的内容 同上
* 3 弹窗输出 promptjkkk
* s\两部分参数① 输入框上面的提示信息
② 输入框里面的默认信息
* 两部分中间用逗号隔开,只写一部分,默认为提示信息
* 可以定义变量接受输出内容 例如var name = prompt("请输入您的名字","姜浩" );点击确定按钮 输入成功 点击取消按钮 name=null;
*默认接收输入的内容为字符串
* var center= 声明一个中间变量
center=left 左手的值给中间
right = center 把中间的值给右边 */
var name = prompt("请输入您的名字:","姜浩" );
document.write("您的名字:"+name);
var one =prompt("输入第一个数字:","2");
var two = prompt("输入第二个数字:","2") ;
var sum = parseFloat(one) + parseFloat(two)
document.write(sum
Javascript的内容摘要
内容版权声明:除非注明,否则皆为本站原创文章。
转载注明出处:https://www.heiqu.com/7babb3fac35b92b02c567214a1150354.html