韩顺平10天JavaScript教程：网页交互与动态效果

5星 · 超过95%的资源需积分: 9 140 浏览量更新于2024-07-23 收藏 1012KB DOCX 举报

"韩顺平10天js笔记，包括JavaScript基础、应用实例及浏览器兼容性等" 这篇笔记主要涵盖了JavaScript的基础知识和应用实例，由知名讲师韩顺平讲解。JavaScript是一种广泛应用于网页和互联网应用的脚本语言，其主要特点是可以直接对网页元素进行编程控制，实现动态效果和交互功能。 1. **JavaScript的应用场景**： - 地图搜索：通过JavaScript，可以实现地图的缩放、拖动等交互功能。 - 网页游戏：JavaScript可以创建交互式的网页游戏，如基于HTML5的游戏。 - 用户输入校验：用于验证用户的输入，如邮箱、数字、身份证号和IP地址的格式检查。 - 股市网站：实时更新股票数据，展示图表和动态分析。 2. **JavaScript的基本特性**： - 它是一种解释型语言，代码无需编译即可在浏览器中执行。 - JavaScript与HTML、CSS结合紧密，可以改变网页元素的外观和行为。 - 它有自己的系统函数和自定义函数，支持变量声明和控制语句（如顺序、分支、循环）。 - JavaScript语法相对灵活，但并非特别严格。 3. **示例代码**： ```html <html> <head> <script language="javascript" type="text/javascript"> function test(){ window.alert("你点击button"); } </script> </head> <body> <input type="button" onclick="test()"/> </body> </html> ``` 这段代码演示了如何通过JavaScript响应用户点击按钮的事件，弹出提示框显示消息。 4. **浏览器兼容性**： JavaScript在不同的浏览器中可能存在兼容性问题，如IE与Firefox。开发者需要在多种浏览器环境下测试代码，确保其在所有主流浏览器上都能正常工作。解决兼容性问题的一个策略是使用跨浏览器的函数。 5. **JavaScript的历史与发展**： JavaScript起源于Netscape公司的Livescript，后与Sun Microsystems合作命名为JavaScript，以借用Java的知名度。同时，微软推出了与其语法类似的JScript。尽管名称相似，JavaScript与Java并无直接关联。 6. **学习资源**：可以通过在线手册，如W3School和JScript文档，来学习和查询JavaScript的相关知识。 7. **事件驱动编程**： JavaScript是事件驱动的，意味着当用户执行特定操作（如点击按钮、滚动页面）时，对应的事件处理器（函数）会被调用，触发相应的响应。理解JavaScript的关键在于实践和对浏览器机制的理解，通过编写实际的网页互动功能，可以更好地掌握这门语言。在学习过程中，不断编写和调试代码，以及关注浏览器的新特性和最佳实践，都是成为JavaScript专家的重要步骤。

 js 的特殊数据类型

① null 空

② undefined 未定义

 数据类型的强制转换

js 中提供了两个函数可以把字符串强制转成数

parseInt parseFloat

? 如果我把 123 当做字符串.

案例如下: 让用户输入两个数，并计算和.

var num1=window.prompt("请输入一个数");

var num2=window.prompt("请输第二个数");

var res=parseFloat(num1)+parseFloat(num2);//php . 字符串拼接 + 表示运算

alert("结果是="+res);

var num3=123;

var str="hello"+num3;

alert(str);

 js 的运算符

+ 、-、* 、 / 、%

剩余63页未读，继续阅读

zhujiajun930

粉丝: 0
资源: 1

韩顺平10天JavaScript教程：网页交互与动态效果

韩顺平老师所有课程笔记

韩顺平2018Linux视频笔记

韩顺平go语言课程笔记

韩顺平一周mysql笔记

韩顺平 golang 学习笔记

韩顺平 零基础30天学会java笔记

韩顺平 html css js

韩顺平mysql笔记

韩顺平linux笔记

韩顺平轻松搞定网页设计(html+css+javascript)笔记下载

最新资源

韩顺平零基础30天学会java笔记