JavaScript学习之小有所成

最新推荐文章于 2024-07-26 18:35:26 发布

星空322

最新推荐文章于 2024-07-26 18:35:26 发布

阅读量305

点赞数 3

分类专栏： JavaScript学习文章标签： javascript html

本文链接：https://blog.csdn.net/weixin_43427474/article/details/105734762

版权

JavaScript学习专栏收录该内容

2 篇文章 0 订阅

订阅专栏

Html、Css、JavaScript是网页制作必不可少的三个要素，三者相互协作共同形成了精美漂亮又有各种特效的网页，其中Html好比一个网页的骨架，Css是网页的装饰，JavaScript则给网页增添了各种动态效果，为网页增添了色彩。

效果展示

JavaScript作用

1. http异步请求。可以实现与服务器的异百步通迅，达到页面不刷新的效果。现在都用这种方式，以达到更好的客户体验。
2. 制作预加载（如度图片），也是异步加载。目地也是提高用户体验。
3. 制作动画效果。可以用js模拟各种动画效果，如ios的图片查看效果。模块的托动效果，计时器，动态时钟，等等回。
4. dom中的控件的事件监听。尽量防止控件的postback操作（页面不会全屏刷新）。

JavaScript效果

网站中究竟哪些地方使用了JavaScript，它有如何神奇的地方，下面我们一起一饱眼福吧！！！

（1）CSDN首页图片导航栏，每隔一段时间自动切换图片链接，点击图片两侧的箭头也可以手动切换图片连接。

（2）CSDN登陆界面，选择不同登陆方式，切换为相应的登陆界面，密码输入错误弹出相应提示。

使用JS有如此绚丽的特效，小伙伴们是不是已经迫不及待的学习了，这就向大家介绍JavaScript的技巧。

JavaScript技巧

1.script标签

网页中的script代码都在script标签里写。

<script type="text/javascript">
script代码
</script>

也可以引用已经写好的JS代码

<script type="text/javascript" src="js代码地址">

</script>

2.输出语句

（1）alert，弹出信息

代码：

<script type="text/javascript">
		   alert('神奇的JS')
		</script>

结果：

（2）document.write(),文档内输出信息

代码：

<script type="text/javascript">
	document.write('神奇的JS')
</script>

效果：

也可以在document.write()写Html代码，如下

代码：

<body>
<table style="border: solid" >
	<script type="text/javascript">
	document.write('<tr><td>神奇的JS</td><td>hello world</td></tr>')
	</script>
	</table>
</body>

效果：

（3）console.log()，将文本输出到浏览器控制台中。

代码：

<body>
<script>
	console.log('我在控制台')
	</script>
</body>

效果：

3.语法结构、保留关键字、变量

（1）语法结构，遵循以下规则：

①严格区分大小写，Big,big,BIG是不一样。

②标识符，第一个字符必须是字母、下划线或$，其他位置字符还可以是数字。

china1 (正确) ，_china(正确)，$1china（正确），1china（错误），1$(错误)

③注释

单行注释：//

多行注释：/* */

（2）保留关键字：Javascript 的保留关键字不可以用作变量、标签或者函数名。有些保留关键字是作为 Javascript 以后扩展使用。

abstract	arguments	boolean	break	byte
case	catch	char	class*	const
continue	debugger	default	delete	do
double	else	enum*	eval	export*
extends*	false	final	finally	float
for	function	goto	if	implements
import*	in	instanceof	int	interface
let	long	native	new	null
package	private	protected	public	return
short	static	super*	switch	synchronized
this	throw	throws	transient	true
try	typeof	var	void	volatile
while	with	yield

（3）变量：ECMAScript的关键字是松散类型的，可以保存任何类型的数据。定义变量使用var操作符，后面跟变量名称，变量名就是标识符。

本文展示了使用JS的动态效果，并介绍了JS的基本操作技巧，大家是不是感觉很简单啊，别着急后面慢慢为大家呈现JS的魅力，使大家逐渐能够熟练的使用JS，一定会爱上JS！！！

星空322

关注

3
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
JavaScript学习之小有所成

Html、Css、JavaScript是网页制作必不可少的三个要素，三者相互协作共同形成了精美漂亮又有各种特效的网页，其中Html好比一个网页的骨架，Css是网页的装饰，JavaScript则给网页增添了各种动态效果，为网页增添色彩。
复制链接

扫一扫

专栏目录