javascript文本对象

最新推荐文章于 2024-01-13 23:33:37 发布
最新推荐文章于 2024-01-13 23:33:37 发布
阅读量179 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/ubuntuvim/p/4796563.html
版权

1、获取浏览器的对象属性

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>获取浏览器的对象属性</title>

 

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="description" content="this is my page">

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    

    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

 

  </head>

  

  <body>

<script language = "javascript" type = "text/javascript">

with (document) {

write("你的浏览器信息:<ol>");

write("<li>代码：" + navigator.appCodeName);  //浏览器的代码

write("<li>名称：" + navigator.appName);  //浏览器的名称

write("<li>版本: " + navigator.appVersion);

write("<li>语言：" + naviagtor.language);

write("<li>编译平台：" + navigator.platform);

write("<li>用户表头: " + navigator.userAgent);

}

</script>

   </body>

</html>

 

 

 

2、设置背景和字体的颜色

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>设置背景和字体的颜色</title>

 

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="description" content="this is my page">

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    

    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

 

<style type = "text/css">

body {

text-align:center;

}

</style>

 

<script language = "javascript" type = "text/javascript">

document.bgColor = "black";

document.fgColor = "white";

 

function changeColor() {

document.bgColor = "";  //设置背景颜色

document.body.text = "blue";  //设置字体颜色

}

 

function outcolor() {

document.bgColor = "pink";

document.body.text = "white";

}

 

</script>

  </head>

  

  <body>

    <h1 onMouseOver = "changeColor()" onMouseOut = "outcolor()">静夜思<h1>

<p onMouseOver = "changeColor()" onMouseOut = "outcolor()">床前明月光，</p>

<p onMouseOver = "changeColor()" onMouseOut = "outcolor()">疑似地上霜。</p>

<p onMouseOver = "changeColor()" onMouseOut = "outcolor()">举头望明月，</p>

<p onMouseOver = "changeColor()" onMouseOut = "outcolor()">低头思故乡。</p>

  </body>

</html>

 

 

 

3、防盗链

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>防盗链</title>

 

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="description" content="this is my page">

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    

    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

 

 

  </head>

  

  <body>

    <script language = "javascript" type = "text/javascript">

<!--

var frontURL = document.referrer;  //获取上次的连接地址

var host = location.hostname;

 

if ("" != frontURL) {

var frontHost = frontURL.subString(7, host.length + 7);

if (host == frontURL) {

alert("没有盗链！！");

} else {

alert("您是非法盗链，请通过本部访问！！");

}

} else {

alert("您是直接打开该文档，没有盗链！！");

}

-->

</script>

  </body>

</html>

 

 

4、自动选择文本框的内容

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>自动选择文本框的内容</title>

 

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="description" content="this is my page">

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    

    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

 

<script language = "javascript" type = "text/javascript">

function Selected() {

form1.text.focuse();  //取得文本框焦点

form1.text.select();  //选择文本框

}

 

function show() {

alert(form1.text.value); 

}

</script>

 

  </head>

  

  <body onload = "Selected()">

    <form id = "form1" name = "form1" method = "post" action = "">

<label>

<!--  <input type = "text" name = "text" value = "自动选择文字" />  -->

<input type = "text" name = "text" value = "自动选择文字" onmouseover = "this.value = '';" />

</label>

<input type = "submit" value = "提交" id = "ok" name = "ok" onclick = "show()" />

</form>

  </body>

</html>

 

这是个比较常用到的功能，帮客户自动选择文本框的内容减少客户的输入量！

 

5、表单验证

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>表单的验证</title>

 

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="description" content="this is my page">

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    

    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

 

<script language = "javascript" type = "text/javascript">

function check() {

if (form1.username.value == "" || "" == form1.password.value || "" == form1.email.value) {

//alert(username);

var name = form1.username.value;

form1.username.value = "" + name;

alert("您的资料没有完善！！");

} else {

var str = form1.email.value;

var n = str.indexOf("@", 1);  //简单地验证邮箱

if((n == -1) || (str.length - 1) == n) {

alert("您的Email地址不合法，请重新输入！！");

return false;

} 

alert("验证成功！！！");

}

}

 

function Reset() {

var result = confirm("您确定要重置表单吗？？重置后已经填写的内容会没有了！！");  //人性化提示

return result;  

}

</script>

  </head>

  

  <body>

    <form id = "form1" name = "form1" method = "post" action = "" onreset = "return Reset()">

用户名：<input type = "text" name = "username" id = "username"/><br />

密  码：<input type = "password" name = "password" /><br />

邮  箱：<input type = "text" name = "email" /><br />

<input type = "submit" name = "ok" value = "提交" onclick = "check()"/>

<input type = "reset" name = "cancel" value = "重置" />

</form>

  </body>

</html>

 

上面是最简单的前台信息验证。

 


版权声明：本文为博主原创文章，未经博主允许不得转载。

转载于:https://www.cnblogs.com/ubuntuvim/p/4796563.html

weixin_30763455
关注
JavaScript使用FileSystemObject对象写入文本文件内容的方法
10-23
主要介绍了JavaScript使用FileSystemObject对象写入文本文件内容的方法,实例分析了javascript使用ActiveXObject的技巧与常见问题的解决方法,具有一定参考借鉴价值,需要的朋友可以参考下
javascript文本模板用法实例
10-23
JavaScript文本模板是JavaScript语言中一种特殊的字符串处理功能，它允许开发者通过在字符串中嵌入变量和表达式来创建可配置的模板。在JavaScript中，可以使用模板字符串来创建文本模板，它们用反引号（`）包围，并...
js基础文本对象模板
m0_73642750的博客
09-22 184
内置对象的正确表达式对象（构造函数数式）var reg=new RegExp("pattern"),["flags"]其中的模式（pattern）部分可以 是简单或复杂的的正则表达式，可以包含字符类，限定类，分组，向前查找。1g:表示全局(global)模式，即模式将被应用于所有字符串，而非在发现第一个匹项时立即停止。document对象是浏览器内置对象的一个对象，里面储存者专门用来操作元素的各种方。//使用 compile()方法编译。
JavaScript 文件对象详解
weixin_34064653的博客
06-27 693
在浏览器中操作文件，多数情况下用到的是 File 对象，从 <input type='file' /> 元素获取，进而继续操作(例如将选择的图片展示在页面上，用ajax将文件上传至服务器等)。这里介绍在浏览器中操作文件的相关API. File 对象继承自 Blob 对象，先看看 Blob 对象。 1. Blob 对象 Blob 对象表示一个不可变、原始数据的类文件对象。Blob 表示的...
javascript读写本机文本文件
weixin_33814685的博客
04-04 85
近日在工作中遇到了一个情况：一张纯html的网页，用它一条一条输入数据，然后由JS运算出结果（这些数据多半都是临时的，所以也没考虑保存到数据库），每次用完后换台电脑或出去搞活动现场演示时，又得重新输入一些数据，比较麻烦！市场部的同事要求最好能将在公司测试时一些临时数据导出来，到现场时，直接导入就可以了。当时我的第一反应是利用客户端js，把数据post到服务端保存，再由js通过ajax方式加载服务端...
javascript入门6---------------吉林大学CAE校园情怀论坛信仰2008
cc的天空
12-15 1205
使用浏览器的内部对象系统, 可实现与HTML文档进行交互。它的作用是将相关元素组织包装起来，提供给程序设计人员使用，从而减轻编程人的劳动，提高设计Web页面的能力。 一、浏览器对象层次及其主要作用　　除了前面提到过的文档document对象外，Navigator浏览器中还提供了窗口（Window）对象以及历史（History）和位置（Location）对象。 　浏览器对象(Navigator)提供
js文本对象模型【DOM】(十一)
diegui9561的博客
07-20 121
一、W3C DOM 标准被分为 3 个不同的部分：1、Core DOM - 所有文档类型的标准模型【IE中的所有DOM对象都是以COM对象的形式实现的】2、XML DOM - XML 文档的标准模型3、HTML DOM - HTML 文档的标准模型二、JavaSript原生对象中的DOM对象【HTML DOM】1、Node类型javascript中所有的节点类型都继承自Node类型，所有...
纯javascript实现四方向文本无缝滚动效果
10-24
本文将详细介绍如何使用纯JavaScript实现文本的四方向（水平和垂直）无缝滚动效果。通过此实现，用户可以在网页上看到一个列表中的文本项在指定方向上无限循环滚动，而不会出现任何中断或空白。这在许多场景中都非常...
详解JavaScript RegExp对象
12-02
RegExp对象是原生JavaScript中表示正则表达式的对象。 创建对象的方法为：var RegExp = new RegExp(pattern, attributes); 参数pattern指定正则表达式的规则或者表示正则表达式模式的字符串； 参数attributes为可选...
1-JS-对象-文本属性、属性存在性测试，in
qq_44790423的博客
02-23 174
文本和属性 let user = { // 一个对象 name: "John", // 键 "name"，值 "John" age: 30 // 键 "age"，值 30 }; //读取文件的属性 alert( user.name ); // John alert( user.age ); // 30 //增加一个布尔类型 user.isAdmin = true; // delete 操作符移除属性 delete user.age; 用多字词语来作为属性名，必须加上引
JavaScript学习-文本操作
且行且珍惜
10-19 373
文章目录一、获取1.1 innerHTML1.2 innerText二、创建2.1 createTextNode2.2 直接创建三、插入3.1 innerHTML3.2 appendChild四、替换4.1 innerText4.2 innerHTML五、删除 一、获取 1.1 innerHTML 语法：对象名.innerHTML var tex = document.getElementById...
JavaScript数据类型之文本类型
weixin_30420305的博客
11-03 352
引言 字符串(string)是一组由16位值组成的不可变的有序序列，每个字符通常来自于Unicode字符集。JavaScript通过字符串类型来表示文本。字符串的长度(length)是其所含16位值的个数。JavaScript字符串(和其数组的索引从零开始，起始位是0)。JavaScript中没有表示单个字符的“字符型”。 字符串直接量 在JavaScript程序中的字符串直接量，是由单引号或双引...
深入javascript-封装对象
想到，做到，得到
09-28 607
我们知道，javascript不是一种面向对象的语言，我们叫他基于对象的语言，因为在javascript里没有类（class的概念），但我们在使用的javascript的时候，也用到了“属性”和“方法”，其中也充满了各种对象，并且可以通过原型对象生成实例对象，我们应该怎么做呢？ 一、 生成对象的原始模式 假定我们把人看成一个对象，它有"名字"和"性别"两个属性。 　　var Person
js 文档对象模型（复习）
qq_39587328的博客
04-16 599
1.节点Element 元素Attribute 属性Text   文本Comment  注释Document  文档DocumentType 文档类型2.对象属性nodeName:当前节点姓名nodeValue:当前节点的值nodeType:当前节点的类型attributes:当前节点（属性）列表3.对象方法getElementById(id) getElementByName(name)getE...
从0开始学习JavaScript--JavaScript 字符串与文本内容使用
晓晓的天空
11-19 420
在JavaScript中，深刻理解字符串和文本内容的处理是前端开发的重要一环。本文深入研究了字符串的创建、基本操作，以及文本内容的获取、修改等操作，并通过丰富的示例代码，帮助大家更全面地掌握这些关键概念。字符串是JavaScript中不可或缺的数据类型，通过了解字符串的基础操作、字符串方法、模板字符串、正则表达式等特性，能够更灵活地处理文本内容。模板字符串的引入使得字符串拼接更加简洁和可读，正则表达式则为复杂的文本匹配任务提供了强大的工具。
Javascript奇淫技巧：以文本形式输出对象的代码
最新发布
赫尔的一个啥都写博客
01-13 419
由于一些奇怪的需求，尝试把一个对象的一个函数转换成具体代码，但同时有需要去复写这个对象，于是乎有了以下两个主要的函数。
JS基础
wcnmqmzn的博客
07-20 137
js基础 js的语句 if语句 var a=5; if (a==5) { alert("5"); //弹出警告框 } else{ alert("a=6"); } switch语句 var b=6; switch(b) { case 3: alert("3"); break; case6: alert("6"); break; default: alert("error"); break; } 循环语句 while循环
JavaScript 文档对象
lesileqin的博客
01-07 1439
文章目录一级标题二级标题三级标题四级标题五级标题 用一个黑色和红色就够了 狗儿子的博客 红色的 一级标题 二级标题 第一行 第一行 第三列 1 2 3 1 2 3 三级标题 四级标题 五级标题 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值