温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

怎么编写JavaScript

发布时间:2020-11-25 10:12:54 来源:亿速云 阅读:158 作者:小新 栏目:web开发

这篇文章给大家分享的是有关怎么编写JavaScript的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。

JavaScript的入门文章:

如果你已经会写html与css了,但是你还没学JavaScript那么你就可以从笔者的这边文章开始学起了。

一共可以写在三个地方。

  1. 行内,给元素添加事件
<button onclick='alert("hello")'>按钮</button>
  1. 写在html内部
    (一般情况下放在body的结束标签之前,在所有的html内容之后)
<script type="text/javascript">	//type="text/javascript"可忽略
	//你的JS代码</script>
  1. 写到外部j后缀名为.js的文件中,然后引用。
    比如现在写了一个 index.js文件 放在了 与你的html在同一个目录下
<script src="./index.js"></script>

注意点:
1. src引入的是外部JS文件路径
2. </script>必须单独出现
3. 在开始和结束标签之间。不出现任何JS代码,出现了也不会执行。

输出:

  1. alert(‘提示信息’); - - 弹出一个警告框,会中断浏览器渲染及其他操作。
  2. document.write(‘内容’); - - 向文档流中打印输出内容。通常不会使用这种方式。可做了解。
  3. console.log(‘提示内容’); - - 向控制台输出日志内容(控制台就是你在页面当中使用F12然后出现的东西)。前端程序员算是必须学会的东西,因为实际项目开发的过程中需要不断的调试。尤其是出现令人恼火的bug的时候。console.log更多的玩法可看笔者的另外一篇文章:你不知道的console的骚操作

输入:

  1. prompt(提示信息)
    用户点击确认按钮,得到用户输入的值,用户点击取消按钮,得到null
  2. 表单中的输入框
    比如input,textarea等等,或者将元素变成了可编辑状态(如果不知道怎么将元素变成可编辑状态可以看笔者的富文本编辑器实现原理)

变量: 内存中的数据存储空间,该空间中保存的数据可以随着运算的进行发生改变。
变量三要素:
1. 变量名
2. 变量值
3. 数据类型
JS是弱(动态)类型的语言,不关心变量创建时的数据类型,是在运行后才能确定变量的数据类型。
语法:
定义变量:

var 变量名 = 变量值;//分解var 变量名;变量名 = 变量值;

实际的项目开发过程中基本上不会使用var来生命变量。一般都是使用const,let来声明变量,因为var有声名提升,和内存泄漏的问题。有关const和let请看笔者b的ES6介绍。
变量的命名规则:
a. 能够包含的字符:字母、数字、_、$
b. 不能以数字开头
c. 不能是关键字或保留字
关键字/保留字: 有固定语法含义的单词
关于关键字和保留字的详细内容请移步到ECMAScript关键字和保留字详细介绍
d. 严格区分字母大小写
变量的命名规范:
a. 取简洁的英文单词作为变量名,见名知意。
b. 有多个单词时,第一个单词首字母小写,其他单词首字母大写。

JavaScript的入门文章:

如果你已经会写html与css了,但是你还没学JavaScript那么你就可以从笔者的这边文章开始学起了。

一共可以写在三个地方。

  1. 行内,给元素添加事件
<button onclick='alert("hello")'>按钮</button>
  1. 写在html内部
    (一般情况下放在body的结束标签之前,在所有的html内容之后)
<script type="text/javascript">	//type="text/javascript"可忽略
	//你的JS代码</script>
  1. 写到外部j后缀名为.js的文件中,然后引用。
    比如现在写了一个 index.js文件 放在了 与你的html在同一个目录下
<script src="./index.js"></script>

注意点:
1. src引入的是外部JS文件路径
2. </script>必须单独出现
3. 在开始和结束标签之间。不出现任何JS代码,出现了也不会执行。

输出:

  1. alert(‘提示信息’); - - 弹出一个警告框,会中断浏览器渲染及其他操作。
  2. document.write(‘内容’); - - 向文档流中打印输出内容。通常不会使用这种方式。可做了解。
  3. console.log(‘提示内容’); - - 向控制台输出日志内容(控制台就是你在页面当中使用F12然后出现的东西)。前端程序员算是必须学会的东西,因为实际项目开发的过程中需要不断的调试。尤其是出现令人恼火的bug的时候。console.log更多的玩法可看笔者的另外一篇文章:你不知道的console的骚操作

输入:

  1. prompt(提示信息)
    用户点击确认按钮,得到用户输入的值,用户点击取消按钮,得到null
  2. 表单中的输入框
    比如input,textarea等等,或者将元素变成了可编辑状态(如果不知道怎么将元素变成可编辑状态可以看笔者的富文本编辑器实现原理)

变量: 内存中的数据存储空间,该空间中保存的数据可以随着运算的进行发生改变。
变量三要素:
1. 变量名
2. 变量值
3. 数据类型
JS是弱(动态)类型的语言,不关心变量创建时的数据类型,是在运行后才能确定变量的数据类型。
语法:
定义变量:

var 变量名 = 变量值;//分解var 变量名;变量名 = 变量值;

实际的项目开发过程中基本上不会使用var来生命变量。一般都是使用const,let来声明变量,因为var有声名提升,和内存泄漏的问题。有关const和let请看笔者b的ES6介绍。
变量的命名规则:
a. 能够包含的字符:字母、数字、_、$
b. 不能以数字开头
c. 不能是关键字或保留字
关键字/保留字: 有固定语法含义的单词
关于关键字和保留字的详细内容请移步到ECMAScript关键字和保留字详细介绍
d. 严格区分字母大小写
变量的命名规范:
a. 取简洁的英文单词作为变量名,见名知意。
b. 有多个单词时,第一个单词首字母小写,其他单词首字母大写。

感谢各位的阅读!关于怎么编写JavaScript就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI