`
fantasy
  • 浏览: 516105 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

总结JAVASCRIPT和HTML基础

    博客分类:
  • web
阅读更多
1.Confim
在html标记添加确认,加上
onclick="return confirm('您确定要删除这个数据吗?')"

在js方法里添加确认,加上
if(confirm('确定要删除选中的数据吗?'))
{
     document.listForm.submit();
}


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

3.浏览器回退
window.history.back();


4.限制输入框长度
在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);
  }
}


5.设置页面不被浏览器缓存
<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"/>



6.修改样式名称
object.className="";


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


8.刷新页面
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()"> 关闭时刷新


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

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

获取浏览器语言
window.navigator.systemLanguage


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

触发enter事件
方法一在组件上加
onkeydown="javascript:if(event.keyCode==13){alert(1);return false;}"

方法二写在函数里
<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" onkeydown="enterkey(event);" />
</body> 


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






  • date.rar (2.5 KB)
  • 描述: 日期JS函数: Date.prototype.isLeapYear 判断闰年 Date.prototype.Format 日期格式化 Date.prototype.DateAdd 日期计算 Date.prototype.DateDiff 比较日期差 Date.prototype.toString 日期转字符串 Date.prototype.toArray 日期分割为数组 Date.prototype.DatePart 取日期的部分信息 Date.prototype.MaxDayOfDate
  • 下载次数: 40
分享到:
评论

相关推荐

    JavaScript基础知识总结

    在学习 JavaScript 之前,你需要了解 HTML 和 XHTML 的基础。JavaScript 被设计用来向 HTML 页面添加交互行为,通过在 HTML 中插入 JavaScript 代码,可以实现页面元素的动态操作和用户交互。 2. JavaScript 与 ...

    JavaScript语言基础知识点总结十张图

    本文将基于“JavaScript语言基础知识点总结十张图”这一主题,深入探讨JavaScript的基础概念、语法特性以及核心知识点。 1. **变量与数据类型** JavaScript有七种数据类型:Undefined、Null、Boolean、Number、...

    JavaScript学习基础学习心得

    在深入探讨JavaScript的基础深度原理之前,我们首先了解JavaScript的一些基本概念,这将有助于我们更好地理解和应用这些高级知识点。 #### 浏览器组成 浏览器是JavaScript运行的重要环境之一,了解其内部结构对于...

    html教案、javascript

    HTML教案与JavaScript是Web开发中的基础课程,它们构成了网页交互的核心。HTML(HyperText Markup Language)是用于创建网页的标准标记语言,而JavaScript则是一种解释型的、轻量级的编程语言,主要用于增加网页的...

    JavaScript语言基础知识总结(10张,神一样的总结!)

    这篇总结涵盖了JavaScript语言的基础知识,帮助初学者快速上手并深入理解这门强大的脚本语言。 首先,我们来看“JavaScript 数据类型”。JavaScript有七种数据类型:Undefined、Null、Boolean、Number、BigInt、...

    Web程序设计基础_Html+JavaScript部分_试题和答案

    总结来说,这个资源旨在帮助学习者深入理解Web开发的基础,通过实践来提高HTML和JavaScript的编写技能,从而为构建动态、交互性强的网页打下坚实的基础。无论是初学者还是有一定经验的开发者,都可以通过这份试题和...

    javascript开发基础总结

    这篇"JavaScript开发基础总结"涵盖了从基本概念到实际应用的关键知识点,旨在帮助初学者或有经验的开发者巩固JavaScript基础。 首先,JavaScript的数据类型是理解语言基础的关键。JavaScript有两种主要的数据类型:...

    Javascript总结导图

    本篇内容将围绕"JavaScript总结导图"展开,深入探讨JavaScript的基础知识、核心概念以及高级特性。 1. **基础语法** JavaScript的基础包括变量声明(var、let、const)、数据类型(如字符串、数字、布尔值、null、...

    html+css+javascript知识点总结.docx

    1. HTML基础: - HTML标签不区分大小写,推荐使用小写字母,如`&lt;h1&gt;`。 - 一个基本的HTML文件结构包括`&lt;html&gt;`(根标签)、`&lt;head&gt;`(头部信息)和`&lt;body&gt;`(主体内容)。 - `&lt;head&gt;`中包含`&lt;title&gt;`(页面标题)...

    javascript基础学习代码总结

    该资源在有21个html文件,每个文件都是用来讲述对应知识点的用法,如循环、函数、内置对象等。还有写对于javascript对应的知识...4.适合于没有javascript基础或javascript基础不扎实想要学习js知识点的人群参考和学习。

    JavaScript学习笔记,javascript基础知识,基础语法整理.pdf

    JavaScript基础知识点总结 JavaScript是一种高级的、动态的、基于对象的客户端脚本语言。它是在网页上执行的脚本语言,能实现网页的交互功能。下面是该资源中的重要知识点总结: 一、 JavaScript 基本概念 * ...

    JavaScript基础教程 精简版

    总结,这个精简版的JavaScript基础教程涵盖了语言的基本要素,从数据类型、运算符到控制流,再到对象、函数和事件处理,为初学者提供了一个全面的入门框架。理解并熟练运用这些知识点,是成为JavaScript开发者的首要...

    html,css,javascript个人自我介绍总结网页.zip

    在IT领域,HTML、CSS和JavaScript是构建网页和交互式用户界面的基础技术。这份压缩包文件"html,css,javascript个人自我介绍总结网页.zip"显然包含了一个使用这三种技术实现的个人自我介绍网页项目。接下来,我们将...

    北大青鸟+htmljavascript+学习资料全集(源代码)

    【HTML与JavaScript基础】 HTML(HyperText Markup Language)是网页制作的基础语言,它定义了网页的结构和内容。HTML文档由一系列元素组成,这些元素通过标签来标识,比如`&lt;html&gt;`、`&lt;head&gt;`、`&lt;body&gt;`、`&lt;p&gt;`等。...

    HTML5+JavaScript节课总结.doc

    在完成本节课总结后,我们将总结我们所学到的知识点和技术,并对 HTML5、JavaScript 和 CSS3 的应用有更深入的理解和认识。同时,我们也将了解到作品的制作过程和设计思路,並體驗到網頁設計和開發的樂趣。 七、...

    JavaScript学习总结

    文档对象模型(DOM)是HTML和XML文档的结构化表示,JavaScript通过DOM API可以操作页面元素。例如,我们可以通过`document.getElementById`、`document.querySelector`等方法获取元素,`element.innerHTML`、`...

    JavaScript必看全面总结.zip

    这份“JavaScript必看全面总结.pdf”文档应该详细涵盖了以上所有内容,对于初学者和进阶者都是宝贵的参考资料。通过系统学习和实践,开发者可以有效地提升JavaScript技能,更好地驾驭前端开发的世界。

    JavaScript跑酷小游戏html源代码

    总结起来,JavaScript跑酷小游戏的开发涉及HTML构建基础结构,CSS实现视觉效果,以及JavaScript编写动态游戏逻辑。通过学习和实践这样的项目,开发者可以深入理解这三个核心技术的协同工作方式,为未来更复杂的Web...

    基于HTML/CSS/JavaScript的JavaScript前端基础知识练习与总结源码

    该项目集成了HTML、CSS、JavaScript等多种前端技术,旨在通过131个文件构建一套全面的前端基础知识练习与总结源码。其中包括25个HTML文件、20个JPG图片、17个Java文件、17个CSS文件、16个PPTX文件、10个PNG图片、6个...

    JavaScript总结笔记

    ### JavaScript总结笔记 #### JavaScript简介 JavaScript是一种广泛使用的、基于对象和事件驱动的脚本语言。它最初由网景公司(Netscape)的布兰登·艾奇于1995年创建,并逐渐成为现代Web开发的核心技术之一。...

Global site tag (gtag.js) - Google Analytics