本文主要是介绍JS脚本语言基础与事件,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
js可以实现前端的网页操作
js属于脚本语言:不需要编译 sql html css javaScript 由某种解释器直接可以运行的
html是网页基本内容(标签,文本)
css是网页外观(样式)
JavaScript/js是网页的行为,为网页可以添加各种动态效果
ES TS面向对象结构搭建
<!-- 导入外部js文件,导入外部script标签中就不能再写其他的js脚本了 --><script src="js/index.js"></script>
<script>function next(){//alert()是js中内置好的一个对话框函数,在安装浏览器的时候,已经安装到你的电脑alert("hello,world")}</script>
事件:
通过按钮触发事件,通过事件调用函数
变量:
js声明变量,java语言为强类型语言 phython js 弱类型语言
区别在对于变量的类型划分和使用上表现为具体和普适
在java中,int double char string long.....
在js中,一般情况都可用var
var a=10;a="aba";a=true;var b="abc";alert(a);
数值类型:
1.整数浮点数字符串都用var
2.布尔型(true/false)
3.undefined型:不明确声明一个变量,未赋初始值,不明确变量
4.object对象类型、
函数:
声明函数:
function test(){alert("计算知识");}function test2(a,b){alert(a+b);return 0;}
应用/使用函数:
test();var c=test2(1,5);alert(c);
全局函数举例:
1.弹出框--alter(“消息提示框”)
2.确认对话框 --var res =confirm("是否确定");
alter (res);
3.输入对话框:
var name =prompt("请输入");
alter(name);
4.返回参数数据类型:
var a=new Date();
alter(typeof(a));
5.parseInt(n) 把参数转换为整数,如果参数是浮点数保留整数部分,如果参数字符串有非数字字符串,返回NaN
NaN的意思not a number
parseFloat(n) 将参数转为浮点数
6.eval(s) 可以将某个字符串当作js脚本运行
可以制作计算机小程序时使用
事件:
onclick 鼠标单击事件:
<input type="button" id="tid" value="单击事件" onclick="test()" />
<div onclick="test()">单击事件</div>
ondbclick 鼠标双击事件:
<input type="button" value="双击事件" ondblclick="test()"/>
onfocus 聚焦事件 当输入框获得鼠标焦点时触发事件
onblur 失焦事件 当输入框失去鼠标焦点时触发事件
<input type="text" onfocus="test()" onblur="test()" />
onload 当网页内容加载完毕后触发
onchange 当输入框/下拉框失去鼠标焦点 且 内容发生改变时 触发事件
onmouseover 移入鼠标
onmouseout 移走鼠标
这篇关于JS脚本语言基础与事件的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!