JavaScrip的初识
什么是JavaScrip?
JavaScript(简称“JS”)是一种广泛应用于网页和网络应用开发的高级、解释型编程语言。它最初由Brendan Eich在1995年为Netscape Navigator浏览器设计实现,目的是提供一种能在客户端动态操控网页内容的脚本语言。虽然名字中包含“Java”,但JavaScript与Java在语法和语义上有着显著的不同,它们是两种完全独立的语言。
JavaScript不仅用于Web前端开发,通过操作浏览器提供的文档对象模型(DOM),它可以改变网页的内容、样式和响应用户交互;同时也能处理前后端通信(如AJAX请求)、执行异步编程以及创建丰富的交互式用户体验。
随着技术发展,JavaScript的应用已经远远超越了浏览器环境,例如Node.js使得JavaScript能够运行在服务器端进行后端开发,还有各类跨平台框架(如React Native、Electron等)允许开发者使用JavaScript构建桌面应用和移动应用。
JavaScript的标准被称为ECMAScript,该标准由ECMA国际组织制定并不断更新以适应现代编程需求。从最初的ECMAScript 3标准到2015年发布的ECMAScript 6(也称为ES2015),JavaScript的功能和语法得到了极大的丰富和完善,持续保持其作为一门主流且多功能编程语言的地位。
JavaScrip,HTML,CSS的区别
JavaScrip(正确拼写为JavaScript)、HTML和CSS是构建现代Web应用程序的三大核心技术,它们各自负责不同的方面:
- HTML (HyperText Markup Language)
- HTML是一种标记语言,用于描述网页内容和结构。它通过一系列标签来组织文本、图像、视频等元素,定义文档的逻辑结构,比如段落、标题、表格、链接等。
- CSS (Cascading Style Sheets)
- CSS则是一种样式表语言,用来设计网页的布局、视觉表现和外观效果。它可以控制诸如字体、颜色、间距、大小、位置以及响应式布局等样式属性。通过将样式与HTML内容分离,CSS能够实现内容和表现形式的解耦,提高代码的可维护性和重用性。
- JavaScript
- JavaScript是一种脚本语言,用于提供网页的行为和交互功能。它可以修改页面内容(如动态更新DOM元素的内容或属性),响应用户操作(例如按钮点击事件处理),实现动画效果,以及执行异步通信(AJAX请求)等。JavaScript可以操控HTML元素,并应用、修改或动态生成CSS样式,从而实现网页的动态化和互动性。
总结来说:
- HTML负责内容和结构:确定网页上有哪些信息及这些信息如何组织成一个有意义的层次结构。
- CSS负责表现和布局:决定网页上的内容如何展示给用户,包括颜色、尺寸、位置、过渡动画等视觉效果。
- JavaScript负责行为和交互:使网页具有动态变化的能力和对用户输入作出反应的功能。
JavaScript最基础的使用
JavaScript可在浏览器开发者选项(f12)中的Console面板中调用
运算
例如
3+3
得到的结果为
6
这里不过多赘述与其他语言差不多
字符串(string)
'这是字符串'
"这是字符串"
四舍五入(Math.round)舍去小数点前面后面或保留小数位数自行百度搜
M必须大写
Math.round(4180*0.62)
结果为
2592
保留小数点后部
Math.ceil(3.4)
结果为
4
保留小数点前部
Math.floor(3.4)
结果为
3
字符串运算
字符串同样可以做运算
列如
加法运算
“字符串1”+“字符串2
结果为
'字符串1字符串2'
“字符串1”+1
结果为
'字符串11'
字符串加数字,数字会被转换为字符串,从左到右依次计算
JavaScript检测数据类型的方法
利用typeof检测数据类型
例如
typeof 3
结果为
'number'
alert浏览器弹窗
使用
window.alert("123");
单双引号嵌套
可使用转义或者单双引号混合使用
单双引号混合使用
window.alert('金额:"123"');
window.alert("金额:'123'");
转义
window.alert("金额:\"123\"");
window.alert("金额:\'123\'");
换行
window.alert("123\n123");
结果为
123
123