丙午🐎年

acc8226 的博客

JavaScript是世界上最流行的脚本语言,因为你在电脑、手机、平板上浏览的所有的网页,以及无数基于 HTML5 的手机 App,交互逻辑都是由JavaScript驱动的。

简单地说,JavaScript是一种运行在浏览器中的解释型的编程语言。

JavaScript 历史

要了解 JavaScript,我们首先要回顾一下 JavaScript 的诞生。

在上个世纪的1995年,当时的网景公司正凭借其 Navigator 浏览器成为 Web 时代开启时最著名的第一代互联网公司。

由于网景公司希望能在静态HTML页面上添加一些动态效果,于是 Brendan Eich 在两周之内设计出了 JavaScript 语言。你没看错,这哥们只用了10天时间。

为什么起名叫 JavaScript?原因是当时 Java 语言非常红火,所以网景公司希望借 Java 的名气来推广,但事实上 JavaScript 除了语法上有点像 Java,其他部分基本上没啥关系。

阅读全文 »

img 标签 属性 意义

  • src 包含图像的 URL,这个 URL 是相对于网页的 URL 来说的
  • width 包含浏览器显示图像所用的宽度(以像素为单位)
  • height 包含浏览器显示图像所用的高度(以像素为单位)
  • alt 用来在非图形化浏览器中替代图像

创建翻转器

翻转器背后的思想很简单。有两个图像。第一个图像是原始(original)图像,它与网页的其他部分一起加载和显示。当用户将鼠标移动到第一个图像上时,浏览器快速地将第一个图像替换为第二个图像,即替换(replacement)图像,这样就产生了运动或动画效果。

阅读全文 »

JavaScript 的引入方式

使用 script 标签。

那些老旧的实例可能会在 <script> 标签中使用
type="text/javascript"。现在已经不必这样做了。JavaScript 是所有现代浏览器以及
HTML5 中的默认脚本语言。

在 HTML 页面上,因为脚本文本包围在 <script>
标签中,所以它不会显示在用户的屏幕上,而 Web 浏览器知道应该运行 JavaScript
程序。

通常的做法是把函数放入 <head>
部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。

第二种方法是把 JavaScript 代码放到一个单独的 .js 文件,然后在 HTML 中通过
<script src="..."></script> 引入这个文件。

阅读全文 »

标签 属性 意义 iframe 内部框架,它显示在进行调用的 HTML 页面中

  • name JavaScript 也可以使用这个属性引用 iframe
  • src iframe 页面的 URL

防止页面显示在框架中

别人可以将你的页面加载进他们站点上的框架中,使你的页面看起来就像是他们提供的内容。在
JavaScript
中,窗口形成一个层次结构,父窗口处于这个层次结构的顶层。当别人“拦截”你的页面时,他们会迫使它成为父窗口的子框架。图
5-1
显示当页面作为别人站点的一部分显示时的效果。可以使用脚本防止页面被拦截,并且迫使页面总是单独显示在浏览器窗口中。
JavaScript 可以迫使页面总是单独显示

1
2
3
if (top.location != self.location) {
top.location.replace(self.location);
}
阅读全文 »

表单可以包含大多数常见的图形界面元素,包括输入字段、单选按钮、复选框、弹出菜单和输入列表。另外,HTML 表单可以包含密码字段,这种控件可以避免用户的输入被别人偷看。

在填写表单之后,单击表单上的 Submit 按钮,会将表单的信息发送到 Web 服务器,在服务器上服务器端脚本会解释并操作这些数据。通常,将数据存储在数据库中供以后使用。在服务器端存储数据之前,需要确保用户输入的数据是“干净”的,也就是说,数据是准确的且具有正确的格式。JavaScript 是检查数据的好方法,这种技术称为表单验证(form validation)。尽管服务器端脚本可以完成验证(而且应该作为预防措施,因为有些用户会在浏览器中关闭 JavaScript 功能),但是在客户机上用 JavaScript 进行验证要快得多,而且用户操作的效率也更高。

阅读全文 »
0%