cari
js心得2Jun 07, 2016 pm 03:43 PM
namakeseluruhanPengalamanteksbentuk

1.表单中的文本框完整的名称应该是: window.document.myform.text1,其中window可以省略,所以我们前面写为: document.myform.text1就是这样来的。 1)window窗口对象是代表整个浏览器窗口,是最顶层的根。 2)往下包括history历史对象(存放历史信息,可

1.表单中的文本框完整的名称应该是:

window.document.myform.text1,其中window可以省略,所以我们前面写为:

document.myform.text1就是这样来的。

1)window窗口对象是代表整个浏览器窗口,是最顶层的根。

2)往下包括history历史对象(存放历史信息,可以前进后退的功能)、

 

2.Window 对象:

名称

说明

document

表示给定浏览器窗口中的 HTML 文档。

history 

包含有关客户访问过的URL的信息。

location

包含有关当前 URL 的信息。

name

设置或检索窗口或框架的名称。

status 

设置或检索窗口底部的状态栏中的消息。

screen

包含有关客户端的屏幕和显示性能的信息。

 

  

方法

名称

说明

alert  (“m提示信息")

显示包含消息的对话框。

confirm(“提示信息”)

显示一个确认对话框,包含一个确定取消按钮

prompt(”提示信息“)

弹出提示信息框

open  ("url","name")

打开具有指定名称的新窗口,并加载给定 URL 所指定的文档;如果没有提供 URL,则打开一个空白文档

close  ( )

关闭当前窗口

setTimeout(”函数”,毫秒数)

设置定时器:经过指定毫秒值后执行某个函数

clearTimeout(定时器对象)

取消setTimeout设置

confirm弹出确认对话框,点击确定返回true ,取消返回false

3.open(”打开窗口的url”,”窗口名”,”窗口特征”)

 

窗口的特征如下,可以任意组合:

height: 窗口高度;

width: 窗口宽度;

top: 窗口距离屏幕上方的象素值;

left:窗口距离屏幕左侧的象素值;

toolbar: 是否显示工具栏,yes为显示;

menubar,scrollbars 表示菜单栏和滚动栏。

resizable: 是否允许改变窗口大小,yes或1为允许

location: 是否显示地址栏,yes或1为允许

status:是否显示状态栏内的信息,yes或1为允许;

4.全屏显示窗口:

screen.availWidth---屏幕的宽度 (除 Windows 任务栏之外)

screen.availHeight---屏幕的高度 (除 Windows 任务栏之外)。

例如:

也可用:screen.width---显示器屏幕的宽度

              screen.height---显示屏幕的高度 

?        5.window对象提供了两种方法来实现定时器:

–      window. setTimeout(表达式[expression],延时时间[n]),每N秒执行一次

–      window. setInterval(表达式[expression],延时时间[n]),过N秒执行一次,循环!

注意:expression可以是用引号括起来的代码,也可以是一个函数名(不能带任何参数的函数):

setTimeout("move()",1000);或setTimeout(move,1000);

?        如何取消定时器:

–      取消setTimeout:window.clearTimeout(id);

–      取消setInterval:window.clearInterval(id);

6.屏幕(screen)对象

?        屏幕对象是JavaScript运行时自动产生的对象

?        屏幕对象常用属性

–      height:返回显示屏幕的高度。

–      width :返回显示器屏幕的宽度。

–      availHeight :返回显示屏幕的高度 (除 Windows 任务栏之外)。

–      availWidth:返回显示屏幕的宽度 (除 Windows 任务栏之外)。

–      colorDepth:返回目标设备或缓冲器上的调色板的比特深度(每像素中用于颜色的位数,其值为1,4,8,15,16,24,32)。

?        网页可见区域宽:document.body.clientWidth

?        网页可见区域高:document.body.clientHeight

?        网页可见区域宽:document.body.offsetWidth (包括边线的宽)

?        网页可见区域高:document.body.offsetHeight (包括边线的宽)

?        网页正文全文宽:document.body.scrollWidth

?        网页正文全文高:document.body.scrollHeight

?        网页被卷去的高:document.body.scrollTop

?        网页被卷去的左:document.body.scrollLeft

?        网页正文部分上:window.screenTop

?        网页正文部分左:window.screenLeft

?        屏幕分辨率的高:window.screen.height

?        屏幕分辨率的宽:window.screen.width

?        屏幕可用工作区高度:window.screen.availHeight

?        屏幕可用工作区宽度:window.screen.availWidth

?        处理地址栏信息:location对象

–      Location对象是wodow对象的子对象,包含了窗口对象的网页地址内容,即URL。例如:

?        window.location=“http://www.sohu.com”;//跳转到页面

?        window.loaction.href=“http://www.sohu.com”;//同上

?        window.location.reload();//刷新页面

?        Window.location.replace(url);//用url刷新当前网页

–      用三种方法改变当前网页的网站:

方法1:window.open()   

方法2:
 location.href   

方法3: location.replace()

7.Location对象属性

名称

说明

host

设置或检索位置或 URL 的主机名和端口号

hostname

设置或检索位置或 URL 的主机名部分

Href

设置或检索完整的 URL 字符串

方法:

名称

说明

assign("url")

加载 URL 指定的新的 HTML 文档。 

reload()

重新加载当前页

replace("url")

通过加载 URL 指定的文档来替换当前文档

8.历史记录(history)对象

?        历史记录对象是窗口对象下的一个子对象。它实际上是一个对象数组,包含了一系列的用户访问过的url地址,用于浏览器工具栏中的“前进”和“后退”按钮。

?        常用属性和方法

–      history.length:历史对象的个数

–      history.back();显示浏览器历史列表中后退一个网址的网页

–      history.go(n)或者history.go(网址):显示浏览器的历史列表中第n个网址的网页,n>0 前进  n

–      history.forward();//显示浏览器历史列表中前进一个网址的网页

9.Document对象

?        document文档对象是window对象的一个主要部分,它包含了网页显示的各个元素对象。

–      document.write(str);//输出一行

–      document.writeln(str);//输出一行,并回车

属性:

名称

说明

alinkColor

设置或检索文档中所有活动链接的颜色

bgColor

设置或检索 Document 对象的背景色

body

指定文档正文的开始和结束

linkColor

设置或检索文档链接的颜色

location

包含关于当前 URL 的信息

title

包含文档的标题

url

设置或检索当前文档的 URL

vlinkColor

设置或检索用户访问过的链接的颜色

常用方法:

名称

说明

clear ( )

清除当前文档

close ( )

关闭输出流并强制显示发送的数据

write ("text")

将文本写入文档

本节重点:

?        JavaScript 程序是事件驱动程序

?        onFocus获得焦点事件,表示获得鼠标光标, onBlur失去焦点事件,刚好与之相反

?        浏览器对象是一个分层次的结构,window是顶层根对象

?        打开窗口使用window对象的open( )方法

?        设置定时器,使用window对象的setTimeout( )方法

?        location对象的back( )和forward( )方法等同于前进、后退按钮

Kenyataan
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
如何实现PHP表单提交后的页面跳转如何实现PHP表单提交后的页面跳转Aug 12, 2023 am 11:30 AM

如何实现PHP表单提交后的页面跳转【简介】在Web开发中,表单的提交是一项常见的功能需求。当用户填写完表单并点击提交按钮后,通常需要将表单数据发送至服务器进行处理,并在处理完后将用户重定向至另一个页面。本文将介绍如何使用PHP来实现表单提交后的页面跳转。【步骤一:HTML表单】首先,我们需要在HTML页面中编写一个包含表单的页面,以便用户填写需要提交的数据。

如何处理PHP表单中的用户权限管理如何处理PHP表单中的用户权限管理Aug 10, 2023 pm 01:06 PM

如何处理PHP表单中的用户权限管理随着Web应用程序的不断发展,用户权限管理是一个重要的功能之一。用户权限管理可以控制用户在应用程序中的操作权限,保证数据的安全性和合法性。在PHP表单中,用户权限管理可以通过一些简单的代码来实现。本文将介绍如何处理PHP表单中的用户权限管理,并给出相应的代码示例。一、用户角色的定义和管理首先,对用户角色进行定义和管理是用户权

PHP表单处理:表单数据查询与筛选PHP表单处理:表单数据查询与筛选Aug 07, 2023 pm 06:17 PM

PHP表单处理:表单数据查询与筛选引言在Web开发中,表单是一种重要的交互方式,用户可以通过表单向服务器提交数据并进行进一步的处理。本文将介绍如何使用PHP处理表单数据的查询与筛选功能。表单的设计与提交首先,我们需要设计一个包含查询与筛选功能的表单。常见的表单元素包括输入框、下拉列表、单选框、复选框等,根据具体需求进行设计。用户在提交表单时,会将数据以POS

Java实现表单的实时验证与提示功能Java实现表单的实时验证与提示功能Aug 07, 2023 am 10:42 AM

Java实现表单的实时验证与提示功能随着网络应用的普及和发展,表单的使用也变得越来越重要。表单是网页中用于收集和提交用户数据的元素,例如注册或登录页面的表单。在用户填写表单时,经常需要对其输入的数据进行验证和提示,以保证数据的正确性和完整性。在本文中,我们将介绍如何使用Java语言实现表单的实时验证与提示功能。HTML表单的搭建首先,我们需要使用HTML语言

如何在Nette框架中使用表单和验证?如何在Nette框架中使用表单和验证?Jun 04, 2023 pm 03:51 PM

Nette框架是一款用于PHPWeb开发的轻量级框架,以其简单易用、高效稳定的特点受到了广泛的欢迎和使用。在开发Web应用时,使用表单和验证是不可避免的需求。本文将介绍如何在Nette框架中使用表单和验证。一、表单构建在Nette框架中,表单可以通过Form类来创建。Form类在NetteForms命名空间中,可以通过use关键字引入。useNetteF

如何在PHP表单中增加Token验证机制如何在PHP表单中增加Token验证机制Jun 24, 2023 pm 04:54 PM

在Web开发中,表单是用户和服务器之间沟通的重要渠道。为确保安全,我们需要在表单提交时添加Token验证机制来避免恶意攻击者的进攻。Token验证的基本原理是:服务器生成随机数,在表单中添加隐藏域的方式将Token传递给客户端,客户端提交表单时将Token发送回服务器,服务器验证Token的正确性,如果匹配,则允许表单提交,否则拒绝提交。下面我们将介绍在PH

如何处理PHP表单中的下拉列表选项如何处理PHP表单中的下拉列表选项Aug 11, 2023 am 10:21 AM

如何处理PHP表单中的下拉列表选项下拉列表是Web表单中常用的元素,它允许用户从预先定义的选项中选择一个或多个值。在PHP中,我们可以通过一些简单的代码实现下拉列表的处理。本文将向你展示如何使用PHP来处理表单中的下拉列表选项。HTML代码中的下拉列表通常使用<select>和<option>标签来定义。<select>标

ThinkPHP6表单重复提交处理:防止重复操作ThinkPHP6表单重复提交处理:防止重复操作Aug 12, 2023 pm 02:10 PM

ThinkPHP6表单重复提交处理:防止重复操作在Web应用程序开发中,表单提交是一项常见的操作。但是,有时用户会因为网络延迟或者误操作造成表单的重复提交,这样会给系统带来一些问题。为了解决这个问题,我们可以在ThinkPHP6框架中进行表单重复提交处理,以防止用户重复操作。一、原因分析造成表单重复提交的原因主要有两个:1.网络延迟:当用户点击提交按钮后,表

See all articles

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Alat panas

Pelayar Peperiksaan Selamat

Pelayar Peperiksaan Selamat

Pelayar Peperiksaan Selamat ialah persekitaran pelayar selamat untuk mengambil peperiksaan dalam talian dengan selamat. Perisian ini menukar mana-mana komputer menjadi stesen kerja yang selamat. Ia mengawal akses kepada mana-mana utiliti dan menghalang pelajar daripada menggunakan sumber yang tidak dibenarkan.

DVWA

DVWA

Damn Vulnerable Web App (DVWA) ialah aplikasi web PHP/MySQL yang sangat terdedah. Matlamat utamanya adalah untuk menjadi bantuan bagi profesional keselamatan untuk menguji kemahiran dan alatan mereka dalam persekitaran undang-undang, untuk membantu pembangun web lebih memahami proses mengamankan aplikasi web, dan untuk membantu guru/pelajar mengajar/belajar dalam persekitaran bilik darjah Aplikasi web keselamatan. Matlamat DVWA adalah untuk mempraktikkan beberapa kelemahan web yang paling biasa melalui antara muka yang mudah dan mudah, dengan pelbagai tahap kesukaran. Sila ambil perhatian bahawa perisian ini

SublimeText3 versi Inggeris

SublimeText3 versi Inggeris

Disyorkan: Versi Win, menyokong gesaan kod!

EditPlus versi Cina retak

EditPlus versi Cina retak

Saiz kecil, penyerlahan sintaks, tidak menyokong fungsi gesaan kod

SublimeText3 Linux versi baharu

SublimeText3 Linux versi baharu

SublimeText3 Linux versi terkini