js清空浏览器页面所有上一页记录_框架

1、打开电脑，新建一个文档，使用Notepad++打开。

2、点击语言菜单栏--H---html选项。

3、然后键入下图js代码。

4、然后点击文件菜单---另存-indexhtml，点击保存。

5、最后使用浏览器打开indexhtml文件，d出的对话框，可以看到数组输出前和输出后的变化，记录被清空了。

直接给个例子吧

包含两个文件（indexjsp 和 indexjs）

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

</head>

<caption><h2>迈睿练习一</h2></caption>

<button type="button" class="btn btn-info" id="user_add" data-toggle="modal"

data-target="#myModal" onclick="optionUserData(this);">新增</button>

<button type="button" class="btn btn-info" id="user_edit" data-toggle="modal"

data-target="#myModal" onclick="optionUserData(this);">编辑</button>

</caption>

<thead>

<tr>

</tr>

</thead>

</tbody>

</table>

</button>

新增用户

</h4>

</div>

</div>

<button type="button" class="btn btn-default"

data-dismiss="modal">保存

</button>

</div>

</div>

</div>

</div>

</body>

</html>

复制代码

//存放所有用户

var users = users || {};

// *** 作类型

var operateType = "";

//存放搜索对象

var searchUsers = searchUsers || {};

//用户构造方法

var User = {

Create:function(code,userName,sex,passWord,age,birthday){

thiscode = code;

thisuserName = userName;

thissex = sex;

thispassWord = passWord;

thisage = age;

thisbirthday = birthday;

//添加用户

addUserData:function(){

if(thiscode != ""){

users[thiscode] = this;

}

//删除用户

deleteUserData:function (){

for(var i in users){

if(thiscode == users[i]code){

delete users[i];

}

//编辑用户

editUserData:function(){

for(var i in users){

if(thiscode == users[i]code){

users[i]userName = thisuserName;

users[i]sex = thissex;

users[i]passWord = thispassWord;

users[i]birthday = thisbirthday;

users[i]age = thisage;

}

//查找用户

findUserData:function(data){

for(var i in users){

if(datacodeindexOf(users[i]code) >= 0 ||

datauserNameindexOf(users[i]userName) >= 0){

searchUsers[users[i]code] = users[i];

refreshDatas(searchUsers);

}

};

function New(aClass,aParams){

function new_(){

aClassCreateapply(this,aParams);

}

new_prototype = aClass;

return new new_();

}

//bootstrap模态框事件

$('#myModal')on('hidebsmodal', function () {

// 执行一些动作

var inputElements = thisgetElementsByTagName("input");

var userArr = [];

for(var i=0;i<inputElementslength;i++){

userArr[i] = inputElements[i]value;

}

var user = New(User,userArr);

//添加 *** 作

if(operateType == "add"){

useraddUserData();

refreshDatas(users);

//编辑 *** 作

}else if(operateType == "edit"){

usereditUserData();

refreshDatas(users);

}

});

首次加载页面执行方法

function loadUserDatas(){

var userArray = initUserDatas();

addRowData(userArray);

refreshDatas(users);

}

初始化用户数据

function initUserDatas(){

var initUser1 = New(User,["1001","小兰","女","1234","13","1991-1-1"]);

var initUser2 = New(User,["1002","小毅","男","1234","13","1991-1-1"]);

var initUser3 = New(User,["1003","兰花","女","1234","13","1991-1-1"]);

var initUser4 = New(User,["1004","兰儿","女","1234","13","1991-1-1"]);

users[initUser1code] = initUser1;

users[initUser2code] = initUser2;

users[initUser3code] = initUser3;

users[initUser4code] = initUser4;

return users;

}

往表格添加一行html数据

function addRowData(datas){

var tbodyElement = documentgetElementById("tbody");

var html = "";

var color = "warning";

var flag = true;

for(var i in datas){

if(flag){

color = "info";

}else{

color = "warning";

}

html = html + "<tr class='"+ color +"'><td style='width:30px;'><input type='checkbox'></td><td id='code'>"

+ datas[i]code +"</td><td id='userName'>"

+ datas[i]userName +"</td><td id='sex'>"

+ datas[i]sex +"</td><td id='passWord'>"

+ datas[i]passWord +"</td><td id='age'>"

+ datas[i]age +"</td><td id='birthday'>"

+ datas[i]birthday +"</td>"

+"</tr>";

flag = !flag;//颜色转换

}

tbodyElementinnerHTML = html;

}

刷新用户数据

function refreshDatas(datas){

addRowData(datas);

};

收集一行数据

function collectionRowData(param){

var tdElement = paramgetElementsByTagName("td");

var userArr = [];

for(var i=1;i<tdElementlength;i++){

var temp = tdElement[i]textContent;

userArr[i-1] = temp;

}

var user = New(User,userArr);

return user;

}

用户 *** 作方法

function optionUserData(param){

//获得 *** 作类别

var optionType = paramgetAttribute("id");

if(optionType == "user_add"){

operateType = "add";

}else if(optionType == "user_delete"){

var checkRowData = isCheckedData();

var user = collectionRowData(checkRowData);

userdeleteUserData();

refreshDatas(users);

}else if(optionType == "user_edit"){

operateType = "edit";

var checkRowData = isCheckedData();

var user = collectionRowData(checkRowData);

var modal_body = documentgetElementById("modal-body");

var inputElements= modal_bodygetElementsByTagName("input");

for(var i=0;i<inputElementslength;i++){

var temp = inputElements[i]idsubstring(2,inputElements[i]idlength)

inputElements[i]value = user[temp];

}

}else if(optionType == "user_find"){

var s_code = documentgetElementById("s_code")value;

var s_userName = documentgetElementById("s_userName")value;

var s_all= documentgetElementById("s_all")value;

//搜索数据

var s_data = s_data || {};

s_datacode = s_code;

s_datauserName = s_userName;

s_dataall = s_all;

var user = New(User,[]);

userfindUserData(s_data);

}else{

}

是否选中数据,返回选中数据的行

function isCheckedData(){

var tbodyElement =documentgetElementById("tbody");

var trElements = tbodyElementgetElementsByTagName("tr");

var flag = false;

for(var i=0;i<trElementslength;i++){

var inputElement = trElements[i]getElementsByTagName("input")[0];

if(inputElementchecked){

flag = true;

return trElements[i];

}

if(!flag){

alert("请选择一条记录！");

$('#myModal')unbind("on");

}

JavaScript中对象的创建有以下几种方式：

（1）使用内置对象

（2）使用JSON符号

（3）自定义对象构造

一、使用内置对象

JavaScript可用的内置对象可分为两种：

1，JavaScript语言原生对象（语言级对象），如String、Object、Function等；

2，JavaScript运行期的宿主对象（环境宿主级对象），如window、document、body等。

我们所说的使用内置对象，是指通过JavaScript语言原生对象的构造方法，实例化出一个新的对象。如：

复制代码代码如下:

var str = new String("实例初始化String");

var str1 = "直接赋值的String";

var func = new Function("x","alert(x)");//示例初始化func

var o = new Object();//示例初始化一个Object

二、使用JSON符号

（i）何谓JSON

JSON （JavaScript Object

Notation）即JavaScript对象命名，是一种轻量级的数据交换格式，易于阅读和编写，同时也易于及其解析和生成。它基于

《JavaScript Programming Language, Standard ECMA-262 3rd Edition -

December 1999》的一个子集。JSON是完全独立于语言的文本格式，因此成为数据交换的理想格式。

JSON作为

JavaScript的一个自己，同时ActionScript、C、C#、ColdFusion、E、Java、JavaScript、ML、

ObjectiveCAML、Perl、PHP、Python、Rebol、Ruby、Lua等一系列的语言都提供支持，使得JSON成为Ajax开发的

首选方案。

JSON有两种构建方式，一种是采用简单的“键/值对”的集合，在不同的语言中被理解为对象、记录、结构、字典、哈希表、有键列表，或者关联数组等，另一种采用有序的值列表，大部分语言把它理解为数组。

常用的创建方式是第一种，即采用“键/值对”集合的形式。在这种形式下，一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号），“

‘键/值' 对”之间使用“,”（逗号）分隔。

JSON具有以下特点：（1）简单格式化的数据交换；（2）易于人们的读写习惯；（3）易于机器的分析和运行。

在JavaScript中，JSON被理解为对象。通过字符串形式的JSON，数据可以很方便地解析成JavaScript独享，并进行数据的读取传递。通过JSON，在一定程度上客服了JavaScript对象无法作为参数系列化传递的问题。

1，简单的JSON

{name:"刘德华",age:"25",sex:"男"}

2，JSON值的类型

JSON的值可以是简单的数据类型，例如数字、浮点、字符等，也可以是数组及对象。例如以数组作为member键值的JSON：

{member:[{name:"刘德华"},{name:"郭富城"},{name:"张学友"},{name:"黎明"}]}

{

book:[{name:"三国演义"},{name:"西游记"},{name:"水浒传"},{name:"红楼梦"}],

author:[{name:"罗贯中"},{name:"吴承恩"},{name:"施耐安",{name:"曹雪芹"}}]

}

3，在JavaScript中使用JSON

JSON是JavaScript原生格式，这意味着在JavaScript中处理JSON数据不需要任何特殊的API或者工具包，JavaScript默认将JSON当做一个对象处理。

将对象传递给一个变量，例如：

复制代码代码如下:

var somebooks = {

book:[{name:"三国演义"},{name:"西游记"},{name:"水浒传"},{name:"红楼梦"}],

author:[{name:"罗贯中"},{name:"吴承恩"},{name:"施耐安",{name:"曹雪芹"}}]

}

JSON的每个“键”相当于对象的属性，例如访问book中的第一个条目，在JavaScript中，就可以简单地使用“somebooksbook[0]name”来获取“三国演义”这个值。

我们不但可以将一个JSON字符串转化为对象，反过来将一个对象“编译”为一个JSON字符串，以方便JavaScript中的对象的传输。例如：

复制代码代码如下:

var Animals = new Object();

Animalsname = "dog";

Animalssex = "Male";

Animalsage = "2";

Animals对象无法被序列化传输，将Animals对象转化为JSON字符串，也就是“{name:"dog",sex:"Male",age:"2"}”。这样，把该JSON字符串作为>

因为你设置了全局查找g,所以test方法会记录该次匹配的lastIndex，第一次匹配成功后lastIndex变成了1，下一次查找便从数据第二个位置开始查找了,查找失败返回false,lastIndex重置为0，所以会出现相邻数据查不出来的情况。最简单的解决办法就是取消全局查找g

1、安装nodejs、mysql，此处略（自行搜索吧）…；

2、创建一个名为test的数据库，然后建一张名为user_info的表（仅供测试）…

这里假定mysql使用的用户名为root，密码为123456

相应的mysql如下：

复制代码代码如下:

创建名为test的数据库

DROP DATABASE IF EXISTS test;

CREATE DATABASE test;

USE test;

创建user_info表

DROP TABLE IF EXISTS `user_info`;

CREATE TABLE `user_info` (

`userId` int(10) NOT NULL AUTO_INCREMENT,

`userName` varchar(20) DEFAULT NULL,

PRIMARY KEY (`userId`)

) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=utf8;

插入三条记录

INSERT INTO user_info VALUES (NULL, '张一'), (NULL, '张二'), (NULL, '张三');

3、创建存储过程(写的很冗余，故意的… 正好学习一下语法>_<)；

复制代码代码如下:

DELIMITER $$

DROP PROCEDURE IF EXISTS `test``proc_simple`$$

CREATE PROCEDURE proc_simple(IN uid INT(10), OUT uName VARCHAR(2), OUT totalCount INT)

BEGIN

DECLARE str_name VARCHAR(20);

SET @str_name = '';

SET totalCount = 0;

SELECT COUNT(1),userName INTO totalCount,@str_name FROM user_info WHERE userId = uid;

SET uName = @str_name;

SELECT uName, totalCount;

END$$

DELIMITER ;

4、写程序进行调用(假定存为名为sqljs的文件)；

复制代码代码如下:

Created with JetBrains WebStorm

User: Meteoric_cry

Date: 12-12-28

Time: 上午00:18

To change this template use File | Settings | File Templates

var mysql = require('mysql');

var connection = mysqlcreateConnection({

host : 'localhost',

port : 3306,

user : 'root',

password : '123456',

database : 'test',

charset : 'UTF8_GENERAL_CI',

debug : false

});

connectionconnect();

connectionquery('CALL proc_simple(1, @a, @b);', function(err, rows, fields) {

if (err) {

throw err;

}

var results = rows[0];

var row = results[0];

consolelog("userName：",rowuName, "count：", rowtotalCount);

});

connectionend();

1、简单的，表格中的一行添加id属性

var item=documentgetElementById("id");

2、在行本身绑定方法将自身作为参数传递

<html>

<head>

var curRow; //全局行号

var curRowId; //选中行的记录信息的ID

var curColor;

function selectRow(tr){//tr行本身

curRow = tr;

curRowId = trid;

alert(trcells[0]innerText);

}

</script>

</head>

<td>google</td>

</tr>

<td>baidu</td>

</tr>

</table>

</body>

</html>

3、获取所有行集合，然后通过下标访问某一行

var items=documentgetElementByTagName("tr");

//获取某一行(下标从0开始，到itemslength-1结束)

var hang=items[0];

1javascript 如何清除文本框内的内容

首先input要有id

比如

（注意 IE下面ID会取到NAME去而FIREFOX就不会所以要两个）

JavaScript内容：

function clrtext(totext){

if (documentgetElementById(totext)!=null)

{

documentgetElementById(totext)value=""

}

使用：clrtext(test1) 就会将name=test1 and id=test1的文本框内容清空

2怎么删除网页中文本框的历史记录

手动清除电脑相关信息痕迹当然可以，只是 *** 作起来麻烦，又容易漏掉一些。

1清除最近使用过的文档记录以Windows XP为例，右键点击“开始”按钮，选择“属性”，在d出的设置任务栏和开始菜单属性对话窗中点“自定义”按钮，在“自定义开始菜单”对话框中的“高级”标签下点“清除列表”。若要让系统永不自作多情记住使用文档的记录，请去掉“列出我最近打开的文档”前的钩。

小提示：XP会把最近访问文档的快捷方式放在C:\Documents and Settings\用户名\Recent中，手工删除它们也能让文档菜单“失去记忆”。 2删除临时文件夹中的内容当执行过安装软件、打开文档等 *** 作时，在临时文件夹中会留下相应文件，可以手工清除在下列位置中的内容：C:\Windows\Temp、C:\Documents And Settings\用户名\Local Settings\Temp。

如在删除时提示有文件在使用，就需要关掉相关程序，最好重启一次再删除。 3清除“运行”、“查找”等处的历史记录清除“运行”对话框中记录的输入内容，可修改注册表。

这些记录被保存在“HKEY_CURRENT_USER \Software\Microsoft\Windows\CurrentVersion\Explorer\ RunMRU”分支下，将其完全删除后重启。此外，该主键下的“DocFindSpecMRU”项，在右侧栏目中显示的是“查找”的历史记录，可一并删除。

4隐藏在IE中的行踪上网后，会有大量信息反映你的所作所为，这还了得？ ①清空Inter临时文件夹别人查看“Inter临时文件夹”下的、Flash等文件便能大体知道你曾到过的网站。要清除它们，可依次单击IE菜单栏中的“工具”→“Inter选项”，打开“Inter选项”对话框，在“常规”标签中点击“删除文件”按钮，在d出的“删除文件”窗口中勾选“删除所有脱机内容”，最后点击“确定”。

②我不要“小甜饼”（Cookie） Cookie也可能是泄密的一个“罪魁祸首”，在“Inter选项”对话框的“常规”标签中单击“删除Cookies”按钮，待d出窗口后单击“确定”按钮，可删除它们。小提示：一种保险的办法是在上网后，进入Inter临时文件夹（该文件夹可在Inter选项对话框的“常规”选项下点“设置”来查看具置），删除其下所有内容，这样，临时文件及Cookie等都会被清除。

③消除访问网页的历史记录 IE会将最近三周的访问历史记下，要“踏网无痕”可得清除它们，只要删除“C:\Documents and Settings\用户名\Local Settings\History”文件夹中的所有内容即可。也可在Inter选项对话框的“常规”标签下点“清除历史纪录”按钮。

要让IE不记录访问历史，请在Inter选项对话框的“常规”选项下，将网页保存在历史纪录中的天数从默认的20改成0即可。 ④清除IE记住的表单内容当访问网站时，一些网页会提示输入，例如，搜索时会要求输入搜索内容、登录邮箱则要填用户名、密码——这些东西会被IE自动记录。

要删除它们，可在“Inter选项”对话框的“内容”标签下点“自动完成”按钮，在d出的“自动完成设置”对话框中将“表单”、“表单上的用户名和密码”和“提示我保存密码”前的钩去掉，再单击“清除表单”、“清除密码”按钮，当询问时点“确定”。 ⑤删除地址栏列表中的网址在IE地址栏中输入要访问站点的部分字母时会自动打开列表，其中有最近曾访问的相匹配的站点，这也得清除。

在“Inter选项”对话框的“内容”标签下单击“自动完成”按钮，打开“自动完成”对话框，去掉“Web地址”前的钩。若安装了“中文网址”软件，采用上法不能将地址栏列表中的“网络实名”清除，此时要在“Inter选项”对话框的“高级”选项卡下，选中“网络实名”中的“清除地址栏下拉列表中显示的网络实名”项，单击“确定”。

小提示：当完成上述 *** 作后，千万别忘清空回收站。若此处没有收拾干净，就将前功尽弃了。

二、清除你在应用程序中的“行踪” 一些软件会记录曾打开的文件等信息。因此在将系统中的痕迹打扫后，别忘了清除在应用程序中曾留下的踪影。

1还系统一个干净的QQ QQ会自动记录登录号码和聊天记录，如何才能“聊天不留痕”呢？很简单，只要在QQ登录对话框中点“清除记录”按钮，系统将提示是否删除对应的所有记录文件等，勾选该项，然后输入QQ登录密码，点击“确定”即可。另外，在QQ2004中可选择登录模式，如不想在退出QQ后保存相关记录，可选择“网吧模式”。

如果还不放心，最好在退出QQ后手工清除QQ文件夹下用你的号码命名的文件夹。 2清除MSN Messenger中的登录帐户信息当在MSN Messenger中登录后，下次再登录会自动出现上次的用户名，要去掉它可在控制面板中双击“用户帐户”，然后选当前登录帐户，再选“创建我的NET PASSPORT”项，点击左侧“相关任务”下“管理我的网络密码”，在“储存用户名和密码”对话框中，选中要删除的帐户，点击“删除”按钮。

3消除Office系列软件中的使用痕迹 Office 系列软件会保存打开过文件的快捷方式，需进入C:\Documents and Settings\用户名\Application Data\Microsoft\Office\Recent文件夹，删除其中的文件。另外，在Word中记录了最近。

3怎么删除网页中文本框的历史记录

手动清除电脑相关信息痕迹当然可以，只是 *** 作起来麻烦，又容易漏掉一些。

小提示：当完成上述 *** 作后，千万别忘清空回收站。若此处没有收拾干净，就将前功尽弃了。

二、清除你在应用程序中的“行踪” 一些软件会记录曾打开的文件等信息。因此在将系统中的痕迹打扫后，别忘了清除在应用程序中曾留下的踪影。

3消除Office系列软件中的使用痕迹 Office 系列软件会保存打开过文件的快捷方式，需进入C:\Documents and Settings\用户名\Application Data\Microsoft\Office\Recent文件夹，删除其中的文件。另外，在Word中记录了最近使用的。

4js中如何删除文本框内的制定文字

你好，textarea标签内的内容即为它的value，所以可以通过value属性 *** 作。

documentgetElementsByTagname("textarea")[0]value=""；//这样的前提是只有一个textarea或者：sdfasdfasdfasdfasdfasdfasdfasdf你要删除指定的内容的可以这样：documentgetElementById("aa")value=documentgetElementById("aa")valuetoStringreplace（/这里写你的指定内容的的正则表达式/g，''）；//根据正则表达式匹配内容，并替换为空，即删除。正则表达式后的参数g是替换全部匹配的项，没有g则只匹配第一个。

那些东西在本地的localstorage里面保存着，支持HTML5的浏览器才会有，可以通过开发者工具查看localstorage的保存~在chrome浏览器中如下图

内容通过JS的decodeURIComponent()方法解码就可以看到了~

以上就是关于js清空浏览器页面所有上一页记录全部的内容，包括:js清空浏览器页面所有上一页记录、如何利用原生的js实现基本的增删改查功能、js面向对象的几种方式等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/web/9803702.html

js清空浏览器页面所有上一页记录

发表评论

评论列表（0条）