Web基础入门

于 2015-06-22 14:06:22 发布
阅读量171 收藏
点赞数
分类专栏： Web 文章标签： web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qiujianhui001/article/details/46593085
版权 
数组排序方法sort():	
        var str = "";

	var a = [33,4,111,22];

	a.sort(function(a,b){return a-b;});//字母表顺序排序,大小排列需要另外的修饰,a在前，就是小的数值，a在后就是大的数值

	str = a;*/

	var a = ['ant','Bug','cat','Dog'];

	var str = "";

	a.sort(function(x,y){var x = x.toLowerCase();

	                     var y = y.toLowerCase();

						 if(x < y){return -1;}

						 if(x > y){return 1;}

						 else {return 0;}});    //转化大小写UpperCase()大写

	str = a;

	document.write("<div id='show1'>排序后的结果:");

	document.write(str);

	document.write("</div>");

数组函数的各类方法：
         push/pop 在结尾增加数组元素，删除的只能是增加上去的数
         unshift/shift 在开头增加数组元素，删除的只能是增加上去的数
         Join通过特定字符把数组变成字符串，返回最后生成的字符串
         //document.write(a.join(":")+"<br/>");//分隔符变为：
         Reverse数组颠倒，改变原数组
         //a.reverse();//倒置
         Concat链接数组中的元素，并返回一个新的数组
         //document.write(a.concat("www")+"<br/>");
         Slice:返回子数组a.slice(3)从这个位置开始到结束，（1,3）从1位置到3位置，但是3位置不计算在内。
         Splice:在数组中插入或删除元素，（1）表示这个位置元素删除，（1，2）表示从这个位置开始，接下来2个删除，
         （1，2，“a”）表示在删除的位置增加a这个元素
         toString：转成字符串，与Join方法类似
         indexOf(searchString,position)从position（可选）位置开始搜索字符串中的第一个searchString所出现的位置并返回
         lastindexOf(searchString,position)从position（可选）位置开始搜索字符串中的最后一个searchString所出现的位置并返回
         document.write("<br/>"+str.charAt(2));//位置上的字符

         document.write("<br/>"+str.charCodeAt(2));//对应的Asc

         document.write("<br/>大写字母为: "+str.toUpperCase());

         document.write("<br/>小写字母为: "+str.toLowerCase());
         document.write(s1.slice(1,3)+"<br/>")//返回起始位置到结束位置，不包括最后一个

         document.write(s1.substring(1,3)+"<br/>")//和上面一个函数一样

         document.write(s1.substr(1,3)+"<br/>");//起始位置和长度
         var a = s.split(",");//(",",2)两个元素的数组，按照分割符号来判断字符
	 for(var index in a)

	 {

	 temp += "数组中第"+(parseInt(index)+1)+"个元素: "+a[index]+"<br/>";

	 }
数学对象不用创建，直接使用：
Abs绝对值
Max最大值
Min最小值
Pow幂运算
Round四舍五入
random产生随机数(0-1)
Ceil返回大于他的最小数
Floor返回小于他的最大数
Sqrt平方根
PI=π
Math.ceil(Math.random()*10)    实现0-10整数的返回

邮箱对象的实验：
<html>
  <head>
    <meta name="generator"
    content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" />
    <title>邮箱验证</title>
	<style type = "text/css">
	
	</style>
	<script type = "text/javascript">
	function check()
	{
	var obj = document.getElementById("email");
	if(obj.value != "")//获得元素
	{var str = obj.value;
	 if(str.indexOf("@") != -1)
	 {
	 if(str.indexOf(".") != -1)
	 {
	 var a = str.split("@");
	 if(a[0].length > 5 && a[1].length > 3)
	 {
	 var q = str.split(".");
	 if(q[1].length > 2)
	 {
	 document.getElementById("mess").innerHTML="<font color='green'>正确</font>";
	 }
	 else{document.getElementById("mess").innerHTML="<font color='red'>.后面格式错误</font>";}
	 }
	 else{
	 document.getElementById("mess").innerHTML="<font color='red'>长度错误</font>";
	 }
	 }
	 else{document.getElementById("mess").innerHTML="<font color='red'>错误</font>";}
	 }
	 else
	 {
	 document.getElementById("mess").innerHTML="<font color='red'>错误</font>";  //innerText是文本，innerHTML才可以改变字体颜色
	 }
	}
	
	}
	</script>
  </head>
  <body>
  
<label>email:</label>
<input type="text" id = "email"/>
<input type="button" value="验证" οnclick="check()"/>  
<span id = "mess"></span> 
  </body>
</html>
split，getElementById，innerHTML，indexOf等函数的使用
qiujianhui001
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Python Web基础入门
04-09
本文摘自千锋教育编著书籍，文章内容案例+原理为主，实现快乐学习，实战就业。
WEB安全入门基础.pptx
08-24
WEB 安全入门基础 本资源摘要信息主要关注 WEB 安全入门基础，涵盖了 WEB 安全的基本概念、HTTP 协议、加密算法、DOS 命令、信息收集、渗透测试等方面的知识点。 WEB 安全入门基础 WEB 安全入门基础主要包括 WEB ...
Java Web基础入门第七十九讲 Filter(过滤器)——Filter(过滤器)常见应用(三)：权限管理系统(下)-附件资源
03-02
Java Web基础入门第七十九讲 Filter(过滤器)——Filter(过滤器)常见应用(三)：权限管理系统(下)-附件资源
web前段入门基础
12-04
以前上课自己总结的一点web基础，对于小白入门有点作用，想免费来着，没办法
Web前端攻城狮培养计划-前端零基础入门
09-21
在“Web前端攻城狮培养计划-前端零基础入门”这个学习资源中，你将踏上成为一名优秀的Web前端开发者的旅程。这个课程专为初学者设计，无论你是否具备编程背景，都能逐步掌握Web前端开发的核心技能。以下是这个课程...
pi_heif-0.17.0-pp310-pypy310_pp73-macosx_12_0_x86_64.whl
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
mmexport1722080103662.jpg
07-27
mmexport1722080103662.jpg
matlab 20244a 6
07-27
matlab 20244a 6
pi_heif-0.17.0-cp310-cp310-macosx_12_0_x86_64.whl
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
pillow-10.4.0-cp312-cp312-musllinux_1_2_aarch64.whl
07-27
基本介绍 名称与起源：Pillow，原名为PIL（Python Imaging Library），但PIL只支持Python 2版本。随着Python 3的普及，Pillow作为PIL的一个分支出现，兼容Python 3并提供更多的功能和改进。 主要功能：Pillow支持多种图像格式的打开、保存、显示以及基本的图像操作和处理，如裁剪、缩放、旋转、翻转、滤镜应用等。 跨平台性：Pillow库可以在不同的操作系统上运行，包括Windows、Linux和MacOS等。 主要功能模块 Pillow库包含多个功能模块，每个模块都提供了特定的图像处理功能。以下是一些常用的模块： Image：用于处理图像文件，提供打开、保存、调整大小、旋转、裁剪、滤镜等功能。 ImageDraw：提供在图像上绘制各种形状（如线条、矩形、圆形）和文本的功能。 ImageFont：用于加载和使用TrueType字体文件，以便在图像上绘制文本时设置字体样式、大小和颜色。 ImageFilter：提供各种滤镜效果，如模糊、锐化、边缘增强等，用于图像增强、特效处理和图像识别等应用。 ImageEnhance：用于调整图像的亮度、对比度、颜色饱和度等参数，使图像更加清晰、明亮或具有特定的调色效果。 高级功能 除了基本的图像处理功能外，Pillow还支持一些高级功能，如色彩空间转换、直方图均衡化等。这些功能可以帮助用户进行更复杂的图像处理和分析。
生产管理体系设计全案.pptx
07-27
生产管理体系设计全案.pptx
软件管理器的开发-代码-AppExplorer-0.4.zip
最新发布
07-27
软件管理器的开发_代码_AppExplorer_0.4.zip
[毕设]一体化学生选课平台设计与实现.zip
07-27
[毕设]一体化学生选课平台设计与实现
cykooz.resizer-3.0.0-cp311-cp311-macosx_10_12_x86_64.whl
07-27
python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！
手写数字识别系统的设计实现.zip
07-27
手写数字识别系统的设计实现.zip
人力总监从0到N搭建人力资源体系 -从0到N搭建职位管理与职业生涯体系.pptx
07-27
人力总监从0到N搭建人力资源体系 -从0到N搭建职位管理与职业生涯体系.pptx
avif-0.5.0-pp27-pypy_73-manylinux1_x86_64.whl
07-27
python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！
[毕设]高效车辆租赁与追踪系统.zip
07-27
[毕设]高效车辆租赁与追踪系统
Matlab实现事件序列预测风速案例
07-27
时间序列预测模型案例。Matlab实现事件序列预测风速案例
Java Web基础入门：从静态到动态应用开发
该教程分为多个章节，从基础知识到实际操作，逐步引导学习者构建和理解Web应用。 第1章重点介绍了Java Web编程的基础，包括Web应用的简介、组成部分以及静态和动态网页的工作原理。学习者会了解Web应用的典型架构，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值