当前位置: 首页 > news >正文

【HTML】使用过程中的随记

1、JavaScript打印调试

console.log(message);

2、html网页中返回上一页面

<a href="javascript:history.back(-1)">返回上一页</a><a href="javascript:;" onClick="javascript:history.back(-1);">返回上一页</a><input type="button" name="Submit" οnclick="javascript:history.back(-1);" value="返回上一页"><a href="javascript :;" onClick="javascript :history.back(-1);"><img src="图片路径" border="0" title="返回上一页">
</a><a href="javascript:history.go(-1);">向上一页</a>, 返回两个页面: history.go(-2);
页面跳转:οnclick="window.location.href='list.php'"

3、单行输入框操作

<input id="input_search" name="input_search" type="text" class="input-xlarge" placeholder="search" οnblur="return checkSearch();">

3.1、获取输入框内容

var input_search = $("#input_search").val()var input = document.getElementById("input_search");
var text = input.value;

3.2、清除输入框

var input = document.getElementById("input_search");
input.value = "";

4、JavaScript判断字符含汉字和中文标点

function checkChinese (str) {var reg = new RegExp("([\u4E00-\u9FFF]|[\u3002\uff1b\uff0c\uff1a\u201c\u201d\uff08\uff09\u3001\uff1f\u300a\u300b\uff01\u3010\u3011\uffe5])+","g");return reg.test(str);
}

5、js页面与页面之间传值

A页面传值

<input type="text" id="txt"></br><input type="button" value="TEST" οnclick="test()"/><SCRIPT LANGUAGE="JavaScript">
functiontest(){       
var s =document.getElementById("txt");
location.href="2.html?"+"txt="+encodeURI(s.value);}</SCRIPT>

B页面接受并打印

<script language="javascript" type="text/javascript">
var loc=location.href;
var n1=loc.length;//地址的总长度
var n2=loc.indexOf("=");//取得=号的位置
var id=decodeURI(loc.substr(n2+1, n1-n2));//从=号后面的内容
alert(id);//
document.write(id)</script>

6、JavaScript字符串切割

JavaScript字符串转数组

var str1 ="上海*上海市*闵行区*吴中路";
var splitAdd1 = str1.split("\*"); 
console.log(splitAdd1)  //["上海", "上海市", "闵行区", "吴中路"]

7、JavaScript判断数组是否含有某值

array.indexOf此方法判断数组中是否存在某个值,如果存在返回数组元素的下标,否则返回-1。

[1, 2, 3].indexOf(1);//0
["foo", "fly63", "baz"].indexOf("fly63");//1
[1, 2, 3].indexOf(4);//-1

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • E810网卡驱动安装-适用于centos7.9
  • 前端提高Web/App/小程序开发效率的工具
  • 找欧洲客户:这个实用方法可以收藏起来
  • 【赵渝强老师】大数据技术的理论基础
  • 一夜之间删库跑路?Runway到底在做什么?
  • 数据结构---顺序表---单链表
  • C# SM2 SM3 SM4 使用
  • 创意微型学生机床工具——金属车床
  • 58、Python之函数高级:不定参数的函数,写出更加通用的装饰器
  • 超声波的应用
  • AOP和注解的配合使用(封装通用日志处理类)
  • 2 html5 浏览器已经支持的新API
  • 腾讯云技术深度解析:AI代码助手与微服务架构的实践应用
  • 服务器数据恢复—如何应对双循环RAID5阵列的数据丢失问题?
  • 【初出江湖】分布式之什么是分布式存储?
  • JS中 map, filter, some, every, forEach, for in, for of 用法总结
  • 《剑指offer》分解让复杂问题更简单
  • 【译】React性能工程(下) -- 深入研究React性能调试
  • CentOS 7 防火墙操作
  • java2019面试题北京
  • Java编程基础24——递归练习
  • Joomla 2.x, 3.x useful code cheatsheet
  • JS数组方法汇总
  • Mithril.js 入门介绍
  • npx命令介绍
  • PHP变量
  • vue从创建到完整的饿了么(18)购物车详细信息的展示与删除
  • 关于Android中设置闹钟的相对比较完善的解决方案
  • 聚类分析——Kmeans
  • 理解 C# 泛型接口中的协变与逆变(抗变)
  • 数据科学 第 3 章 11 字符串处理
  • 通过来模仿稀土掘金个人页面的布局来学习使用CoordinatorLayout
  • 在GitHub多个账号上使用不同的SSH的配置方法
  • ​DB-Engines 11月数据库排名:PostgreSQL坐稳同期涨幅榜冠军宝座
  • ​力扣解法汇总1802. 有界数组中指定下标处的最大值
  • ​水经微图Web1.5.0版即将上线
  • #NOIP 2014# day.1 T3 飞扬的小鸟 bird
  • #NOIP 2014# day.1 生活大爆炸版 石头剪刀布
  • #调用传感器数据_Flink使用函数之监控传感器温度上升提醒
  • $().each和$.each的区别
  • (6)添加vue-cookie
  • (delphi11最新学习资料) Object Pascal 学习笔记---第13章第6节 (嵌套的Finally代码块)
  • (JSP)EL——优化登录界面,获取对象,获取数据
  • (附源码)apringboot计算机专业大学生就业指南 毕业设计061355
  • (附源码)计算机毕业设计ssm电影分享网站
  • (免费领源码)python+django+mysql线上兼职平台系统83320-计算机毕业设计项目选题推荐
  • (十一)c52学习之旅-动态数码管
  • (算法)求1到1亿间的质数或素数
  • (幽默漫画)有个程序员老公,是怎样的体验?
  • *p++,*(p++),*++p,(*p)++区别?
  • .bat批处理(八):各种形式的变量%0、%i、%%i、var、%var%、!var!的含义和区别
  • .naturalWidth 和naturalHeight属性,
  • .NET C#版本和.NET版本以及VS版本的对应关系
  • .NET Compact Framework 3.5 支持 WCF 的子集
  • .net web项目 调用webService