javaScript

阿尔卑斯太原办临汾赵文军 發表於 2019-12-16 19:29:00

1、什么是javaScript?
<ul>
<li>javaScript 是基于对象（Object）和事件驱动的脚本语言。使用它的目的是与HTML（超文本标记语言）、java脚本语言一起实现在一个Web页面中链接多个对象，与Web 客户交互作用。</li>
</ul>
      2、javaScript 的特点
<ul>
<li> 基于对象：javaScript 是基于对象的脚本编程语言，能通过DOM（文档结构模型）及自身提供的对象和操作方法实现所需的功能</li>
<li>事件驱动：1）鼠标事件  </li>
</ul>
<div>
<div style="margin-left: 60px">click：单击 
dblclick：双击 
mousedown：鼠标按下 
mouseup：鼠标抬起 
mouseover：鼠标悬浮 
mouseout：鼠标离开 
mousemove：鼠标移动 
mouseenter：鼠标进入 
mouseleave：鼠标离开</div>
<div style="margin-left: 30px">
<div class="cnblogs_code" style="margin-left: 30px">
<pre><button onclick="myClick()">鼠标单击</button>
<button ondblclick="myDBClick()">鼠标双击</button>
<button onmousedown="myMouseDown()" onmouseup="myMouseUp()">鼠标按下和抬起</button>
<button onmouseover="myMouseOver()" onmouseout="myMouseOut()">鼠标悬浮和离开</button>
<button onmousemove="myMouseMove()">鼠标移动</button>
<button onmouseenter="myMouseEnter()" onmouseleave="myMouseLeave()">鼠标进入和离开</button>
<script>
function myClick() {
 console.log("你单击了按钮！");
}
function myDBClick() {
 console.log("你双击了按钮！");
}
function myMouseDown() {
 console.log("鼠标按下了！");
}
function myMouseUp() {
 console.log("鼠标抬起了！");
}
function myMouseOver() {
 console.log("鼠标悬浮！");
}
function myMouseOut() {
 console.log("鼠标离开！")
}
function myMouseMove() {
 console.log("鼠标移动！")
}
function myMouseEnter() {
 console.log("鼠标进入！")
}
function myMouseLeave() {
 console.log("鼠标离开！")
}</pre>
</div>
2）键盘事件
keydown：按键按下 keyup：按键抬起 keypress：按键按下抬起
<div class="cnblogs_code" style="margin-left: 30px">
<pre><body>
<input id="name" type="text" onkeydown="myKeyDown(this.id)" onkeyup="myKeyUp(this.id)">
</body>
<script>
/*输出输入的字符*/
function myKeyDown(id) {
 console.log(document.getElementById(id).value);
}
/*按键结束，字体转换为大写*/
function myKeyUp(id) {
 var text = document.getElementById(id).value;
 document.getElementById(id).value = text.toUpperCase();
}
</script></pre>
</div>
<ul>
<li>动态性：javaScript 提供简单高效的语言流程，灵活处理对象的方法和属性，同时响应文档页面事件，实现页面的交互性和动态性</li>
<li>跨平台：JavaScript 脚本的正确运行依赖于浏览器，而与具体的操作系统无关。</li>
<li>解释性语言</li>
<li>实时性</li>
<li>开发使用简单</li>
<li>相对安全</li>
</ul>
3、JavaScript和Java的区别
<ul>
<li>基于对象和面向对象</li>
<li>代码格式的不同</li>
</ul>
4、javaScript 的基本数据类型
<ul>
<li>数值（整数和实数）</li>
<li>字符串类型（用“”或者‘’括起来的字符或者数值）</li>
<li>布尔值类型（true或false表示）</li>
<li>空值</li>
</ul>
5、javaScript 的变量
<ul>
<li>变量名必须使用以字母或下划线开始，其他部分可以使用数字、字母、美元和下划线构成</li>
<li>javaScript 变量名区分大小写，可使用驼峰式命名法：变量名以一个小写字母开始，后面的单词首字母大写没有空格。变量声明用关键字 var</li>
</ul>
</div>
</div> 
来源：https://www.cnblogs.com/pan-pan309/p/12050816.html

頁: [1]

琼殿技术论坛's Archiver

javaScript