JavaScript 基础
JavaScript 最初是由网景公司推出,为了让JavaScript更有规范性,网景把其交给了ECMA组织为其制定语法规范和标准,只当的标准就是ECMAScript。
JavaScript是什么
JavaScript是一门弱类型,解释性语言,简称js,主要用于构建用户交互式网页。JS中的一切皆对象。 JS是部分面向对象 的语言。 JavaScript目前由ESMAScript(JavaScript语法) 和 BOM、DOM 编程
JavaScript 的使用方法
Js作为脚本语言的一种,在HTML里有四种使用方式,分别是:行内样式,内嵌式,外链方式和浏览器控制台描述。在进行编程的时候推荐使用外链方式。 通过行内方式使用js 行内方式,使用Js在实际编程中不推荐使用,有很大的局限性。 对于常见的HTML标签: on事件名 = “JS代码”
对于a标签的href 属性 href = "JavaScript 代码 "
举个栗子:
// 实现了点击按钮弹出点击了按钮的对话框。
<button onclick = "alert("点击了按钮")">按钮</button>
// 实现了点击链接弹出点击链接的对话框。
<a href = "javascript:alert("点击了连接")>这是一个链接</a>"
内嵌方式 内嵌方式 JavaScript 一种常见形式,这种方式式把 JavaScript 代码放进script 标签里面。
<script>
JS代码
</script>
补充:script标签在一个页面中可以存在多个,且可以独立
外链方式 作为Js使用中最常见的一种更使用方式,它将Js代码和页面代码分离开来。使用script标签加文件路径引入。
<script src = "文件路径"></script>
直接在控制台书写 这里的控制台指,浏览器控制台,通过在浏览器控制台中输入js语句就可以运行,大多都用来作程序的调试。
Js 的注释
// 单行注释
/*
多行注释
*/
/**
* Js DOC
* 文档类型注释,说明某一段函数 和 某一块级功能的作用。
*/
JS的输出
弹出框 主要是用于项目的调试,但是因为弹框的出现会影响接下来的JS脚本的执行,所以开发的时候一般不会使用。
代码 | 弹框形式 | 返回值 |
---|
alert(参数) | 普通弹框 | undefined | confirm(可选参数) | 确认弹框 | 布尔值 true 或 false | prompt(可选参数) | 带输入框的弹框 | 字符串,输入框中的内容 |
补充:这里的参数是提示信心,可有可无
控制台输出
代码 | 作用 | 参数解读 |
---|
console.log(参数…) | 输出普通信息 | 可传递一个或多个参数 | console.warn(参数…) | 输出警告信息 | 可以传递一个或多个参数 | console.error(参数…) | 输出错误信息 | 可以传递一个或多个参数 | console.info(参数…) | 输出普通信息 | 可以传递一个或多个参数 | console.time(“标签”) | 开始计时 | 本身没有输出,计算代码执行时间 | console.timeEnd(“标签”) | 结束计时 | 结束相同标签的 time 时间,输出经过时间 | console.count(“标签”) | 计数 | 从1 开始。标签相同的没则输出加一 | document.write(”标签“) | 向页面内输出内容 | 这个几乎不会使用,yougenghaode |
补充:在输出时,可以使用\t 来对齐输出内容,使用 \n 来换行 而且,在控制台输出的文本可以添加行内style 样式进行设定特殊的文本样式
|