总结JAVASCRIPT和HTML基础

最新推荐文章于 2023-05-09 19:08:55 发布

kiral

最新推荐文章于 2023-05-09 19:08:55 发布

阅读量99

点赞数

分类专栏： web 文章标签： HTML JavaScript 浏览器 Google Go ViewUI

web 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

[b]1.Confim[/b]
在html标记添加确认，加上

onclick="return confirm('您确定要删除这个数据吗？')"

在js方法里添加确认，加上


if(confirm('确定要删除选中的数据吗？'))
{
     document.listForm.submit();
}

[b]2.可用与不可用[/b]
在html标记里添加disabled表示当前控件不可用，readonly表示当前控件只读，enabled表示当前控件可用。
在js方法里通过disabled=true表示某空间不可用。

[b]3.浏览器回退[/b]

window.history.back();

[b]4.限制输入框长度[/b]
在html标记里添加maxlength="500"。
//限制textArea的长度


onkeyup="return limitMaxLength(this)"
function limitMaxLength(obj){
  var mlength = obj.getAttribute? parseInt(obj.getAttribute("maxlength")) : ""
  if (obj.getAttribute && obj.value.length > mlength){
    obj.value = obj.value.substring(0,mlength);
  }
}

[b]5.设置页面不被浏览器缓存[/b]


<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta http-equiv="Cache-Control" content="no-store"/>
<meta http-equiv="Pragma" content="no-cache"/>
<meta http-equiv="Expires" content="0"/>

[b]6.修改样式名称[/b]

object.className="";

[b]7.显示和隐藏[/b]

object.style.display="none";//隐藏
object.style.display="";//显示

[b]8.刷新页面[/b]


1 history.go(0) 
2 location.reload() 
3 location=location 
4 location.assign(location) 
5 document.execCommand(‘Refresh‘) 
6 window.navigate(location) 
7 location.replace(location) 
8 document.URL=location.href.自动刷新页面的方法:
1.页面自动刷新：把如下代码加入<head>区域中<meta http-equiv="refresh" content="20">其中20指每隔20秒刷新一次页面.
2.<body onload="opener.location.reload()"> 开窗时刷新
3.<body onUnload="opener.location.reload()"> 关闭时刷新

[b]9.使用锚[/b]
使用锚(mao)可以定位到页面的某个地方
格式：URL+#+元素的ID（最好是<a>的ID），
例子：http://www.google.com#edit。
http://www.google.com页面里有一个<a id="edit"></a>的元素

[b]10.定时执行JS函数[/b]
setInterval("pushIDSEvent()",5000);//间隔5秒

[b]获取浏览器语言[/b]
window.navigator.systemLanguage

[b]document.location[/b]
document.location 这个对象包含了当前URL的信息
location.host 获取port号
location.hostname 设置或获取主机名称
location.href 设置或获取整个URL
location.port设置或获取URL的端口号
location.search 设置或获取href属性中跟在问号后面的部分

[b]触发enter事件[/b]
方法一在组件上加
[code]οnkeydοwn="javascript:if(event.keyCode==13){alert(1);return false;}"[/code]
方法二写在函数里
[code]
<script language="javascript">
function enterkey(eventTag)
{
var event = eventTag||window.event;
var currentKey = event.charCode||event.keyCode;
if (currentKey==13)
{
// do something.
alert(currentKey);
event.returnValue= false; // 取消此事件的默认操作
}
}
</script>
<body>
<input type="text" id="corpName" class="ins ins1" οnkeydοwn="enterkey(event);" />
</body>
[/code]

设置网页的图标
<link rel="shortcut icon" href="http://img.s.aliimg.com/favicon.ico">
<link rel="Bookmark" href="http://img.s.aliimg.com/favicon.ico">

kiral

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
总结JAVASCRIPT和HTML基础

[b]1.Confim[/b]在html标记添加确认，加上[code="javascript"]onclick="return confirm('您确定要删除这个数据吗？')"[/code]在js方法里添加确认，加上[code="javascript"]if(confirm('确定要删除选中的数据吗？')){ document.listForm.submit()...
复制链接

扫一扫

专栏目录