Javascript的交互性

2024-04-15 07:16:30

JS代码就是JavaScript编写的脚本文件的代码。用单独文件保存，扩展名为.JS

JS即Javascript，Javascript是一种由Netscape的LiveScript发展而来的脚本语言，主要目的是为了解决服务器终端语言，比如Perl，遗留的速度问题。当时服务端需要对数据进行验证，由于网络速度相当缓慢,只有28.8kbps，验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了Javascript，提供了数据验证的基本功能。JS学着很有意思，因为你能把一个网页设计的很美观。

JS代码的特点

能够具有交互性，能够包含更多活跃的元素，就有必要在网页中嵌入其它的技术。如：Javascript、VBScript、Document Object Model（DOM，文档对象模型）、Layers和 Cascading Style Sheets（CSS，层叠样式表），那么Javascript是什么东西？Javascript就是适应动态网页制作的需要而诞生的一种新的编程语言，如今越来越广泛地使用于Internet网页制作上。

JS中的事件

行为,结构,样式分离的页面

一般事件 onclick 鼠标点击时触发此事件

ondblclick 鼠标双击时触发此事件
onmousedown 按下鼠标时触发此事件
onmouseup 鼠标按下后松开鼠标时触发此事件
onmouseover 当鼠标移动到某对象范围的上方时触发此事件
onmousemove 鼠标移动时触发此事件
onmouseout 当鼠标离开某对象范围时触发此事件
onkeypress 当键盘上的某个键被按下并且释放时触发此事件.
onkeydown 当键盘上某个按键被按下时触发此事件
onkeyup 当键盘上某个按键被按放开时触发此事件

基础js实例

<html>
<body><script type="text/javascript">{document.write("<h1>这是标题</h1>");document.write("<p>这是段落。</p>");document.write("<p>这是另一个段落。</p>");}
</script></body>
</html>

Javascript的交互性相关推荐

使用 JavaScript 的代价！（2018 版）
(点击上方公众号,可快速关注) 英文:Addy Osmani 译文:开源中国 www.oschina.net/translate/the-cost-of-javascript-in-2018 建立交 ...
dhtml_DHTML乌托邦：使用JavaScript和DOM的现代Web设计
dhtml 动态HTML(简称DHTML)是一组Web开发技术的名称,这些技术主要用于具有非平凡用户输入功能的Web页面. DHTML意味着处理HTML文档的文档对象模型,在样式信息中摆弄CSS指令, ...
DHTML乌托邦：使用JavaScript和DOM的现代Web设计
动态HTML(简称DHTML)是一组Web开发技术的名称,这些技术主要用于具有非平凡用户输入功能的Web页面. DHTML意味着处理HTML文档的文档对象模型,在样式信息中摆弄CSS指令,并使用客户端 ...
canvas使用滑杆交互_如何使用JavaScript和Canvas开发交互式文件上传器
canvas使用滑杆交互介绍 (Introduction) How nice or fun can we make the interactions on a website or web appl ...
当Python邂逅Javascript擦出一款蠢萌蠢萌的可视化工具
分享一个可爱的python可视化工具,如其名cutecharts,是pyecharts作者开发的,风格是这样的: 萌萌哒- cutecharts可以将Python的强表现能力和Javascript的交 ...
2019 6月编程语言_今年六月您可以开始学习650项免费的在线编程和计算机科学课程...
2019 6月编程语言 Seven years ago, universities like MIT and Stanford first opened up free online courses ...
夏天和空调_您可以在今年夏天开始学习650项免费的在线编程和计算机科学课程...
夏天和空调 Seven years ago, universities like MIT and Stanford first opened up free online courses to the ...
计算机编程课程顺序_您可以在6月开始参加630项免费的在线编程和计算机科学课程...
计算机编程课程顺序 Six years ago, universities like MIT and Stanford first opened up free online courses to t ...
从零学web前端_从零到前端英雄（第2部分）
从零学web前端 This article is part two of the "From Zero to Front-end Hero" series. In part one ...
现代前端开发路线图：从零开始，一步步成为前端工程师
https://36kr.com/p/5128487.html 编者按:很多人都想学编程.但是苦于没有具体的步骤和指导.比如想找份前端开发的工作,却不知道应该先学习什么再学习什么,也不知道该选择什么样 ...

最新文章

热门文章