姬小光前端小讲堂【第006期】

在前几期的成果中,我们做出来的页面只有一些“静态”的内容,只能给用户大眼瞪小眼的看,那么别人家的网页上那些飞来飞去的,若隐若现的东西都是咋搞的呢?

这一期,我们来说说页面中的脚本(Script)。

页面中的脚本

脚本语言有很多中,目前网页制作中基本上已经是 Javascript 的天下了(脚本语言的一种,以下简称 JS),脚本语言可以以文本形式存在,在浏览器中解释执行。我们网页上的用户交互效果,绝大部分都是使用 JS 来实现的。

那么,如何在我们的网页中插入一段脚本,又怎样能让它 rock 起来呢?

在第二期(回复 002)的课程中我们了解到,HTML是一种标记语言,那么网页中的脚本,也有它对应的标签,那就是 <script> 标签。

下面我们按照第一期(回复 001)的然并卵的方法,新建一个文件,并写入如下代码:

之所以这里用的是截图而不是文本,是希望大家体验一下敲打代码的赶脚,也能帮助大家学习和记忆。

OK,保存并用浏览器打开之后,你会发现页面上已经输出了我们 “write” 的内容:

这里包裹在 <script> 标签中的内容,就是我们的 JS 脚本了。这个 document.write 方法(可以理解为程序的一种能力或行为),可以在页面中写入一段内容。

当然,关于 Javascript 语言本身,我们还有很多内容要学习,可能几十节课都讲不完。这里只是通过一个简单的栗子先让大家有个直观的印象,知道 JS 是可以做用户交互的。

最后我们再来加一点点真正的交互,现在我们把 <script> 标签中的内容改成这样:

保存后再刷新网页,你会看到页面弹出了一个提示框:

我们可以点击“OK”来关闭这个窗口,而窗口的内容也是我们代码里面输入的内容。聪明的你是不是感受到了一点交互的功能了呢?

原文发布于微信公众号 - 姬小光(hi-laser)

原文发表时间:2015-06-30

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Java后端技术栈

Apache Kafka:下一代分布式消息系统

Apache Kafka是分布式发布-订阅消息系统。它最初由LinkedIn公司开发,之后成为Apache项目的一部分。Kafka是一种快速、可扩展的、设计内在...

971
来自专栏Vamei实验室

协议森林13 9527 (DNS协议)

在周星驰的电影《唐伯虎点秋香》中,周星驰饰演的主角一进入华府,就被强制增加了一个代号9527。从此,华府的人开始称呼主角为9527,而不是他的姓名。 ? 域名(...

20510
来自专栏企鹅号快讯

10 个技巧促使你的 Git 的技能上一个台阶——SitePoint

第一时间关注程序猿(媛)身边的故事 最近,我们发布了一些教程促使你了解 Git 基础知识和在团队环境中使用 Git。谈论的指令已经足够帮助一个开发者在 Git ...

1878
来自专栏linux、Python学习

你不知道Linux的10个最危险的命令

Linux命令行佷有用、很高效,也很有趣,但有时候也很危险,尤其是在你不确定你自己在正在做什么时候。

990
来自专栏腾讯云数据库(TencentDB)

CynosDB的计算层设计优化揭秘——兼容PostgreSQL版

CynosDB 是腾讯数据库研发团队推出的自研数据库,有PostgreSQL和MySQL两个版本。本文以兼容PostgreSQL版CynosDB为例,介绍我们的...

15.2K4
来自专栏walterlv - 吕毅的博客

解决 Git 重命名时遇到的大小写不敏感的问题

发布于 2017-11-23 08:51 更新于 2018-07...

4343
来自专栏Debian社区

Parsix GNU/Linux 项目宣布即将终止

基于 Debian 的 Parsix 发行版已经宣布将会在 Debian Stretch 发布六个月后终止。官方表示 Parsix GNU/Linux 8.15...

992
来自专栏ImportSource

Gitlab.com宕机始末

接上集:Gitlab.com误删数据最近动态:恢复60% 14小时前 数据库恢复60%; 13小时前 gitlab在国外某非著名视频网站直播自己的数据库恢复进...

4016
来自专栏Ryan Miao

session机制详解以及session的相关应用

session是web开发里一个重要的概念,在大多数web应用里session都是被当做现成的东西,拿来就直接用,但是一些复杂的web应用里能拿来用的sessi...

4357
来自专栏Golang语言社区

【Go 语言社区】如何实现单服务器300万个长连接的?

不是吹牛,理论上完全可以达到。 (以下参考值皆是Linux平台上) 1,Linux单个进程可以维持的连接数(fd)理论值是通过ulimit -a设置,或在se...

69810

扫码关注云+社区

领取腾讯云代金券