javascript经典实例？js经典编程100题

其实javascript经典实例的问题并不复杂，但是又很多的朋友都不太了解js经典编程100题，因此呢，今天小编就来为大家分享javascript经典实例的一些知识，希望可以帮助到大家，下面我们一起来看看这个问题的分析吧！

js获得参数的getParameter使用示例

通过request的getParameter的方法获取1、通过request.getParameter("参数名")获取后台的值2、通过的方式赋给js变量示例：

JS定时关闭窗口的实例

//所用函数为setTimeout(fun_name,otime);fun_name所运行的函数的名称。Otime为多长时间后执行，以ms为单位。<scripttype="text/javascript">functionwebpageClose(){window.close();}setTimeout(webpageClose,10000)//10s钟后关闭</script>

JavaScript字符串对象substr方法入门实例（用于截取字符串）

javascript中截取字符串的实现方法如下：

1、使用substr()函数：substr()方法可在字符串中抽取从start下标开始的指定数目的字符。

varstr="Helloworld!"

;//定义字符串document.write(str.substr(3))

;//打印截取后的结果从第三位开始到最后输出结果如下：loworld!如果是写成指定起始位和长度就会按照指定的长度输出：

document.write(str.substr(3,5));输出结果：lowo2、利用substring()函数：substring()方法用于提取字符串中介于两个指定下标之间的字符。

varstr="Helloworld!"

;document.write(str.substr(3))

;输出结果如下：loworld!如果是写成指定起始位和长度就会按照指定的长度输出：

document.write(str.substr(3,7))

;输出结果：low

2017年最好的JavaScript库是什么

题主，你好，先说说JavaScript库，它是一个非常令人难以置信实用的工具，JavaScript框架,库和工具貌似比他们的开发人员多出很多，无数新的令人印象深刻的库不断的产生，任何的设计师或开发人员都在熟练的使用他们。其中不乏一些好的JS库，Tutorialzine每个月也会公布一次当月新增的JS和CSS库。这里面有很多很好的JavaScript库，这些库可以为您的网站添加一些超强功能，或者增加设计，为您的用户带来更好的体验。所以在题主这个问题中，我收集了一份列表推荐给你，这些都是最好的JavaScript库，在2017年。我希望这些工具将帮助您提高您的技能以及您的专业工作流。

Slidea

它开发简单，高效和创新的头脑，使其成为您的网站的完美滑块解决方案。建立与使用jQuery，GSAP和Animus，滑块被保证提供无与伦比的运动设计经验。

baguetteBox.js

baguetteBox.js一个简单和易于使用的响应式的图像Lightbox插件，支持滑动手势在移动设备上使用。纯JavaScript实现，不依赖第三方库和插件。

ScrollReveal

创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力。只需要给元素增加data-scrollreveal属性，当元素进入可视区域的时候会自动被触发设置好的动画。

Baffle

一个小的javascript库，用于对DOM元素中的文本进行模糊处理和显示。

Animocons

Animocons图标由运动图形库mo.js由OlegSolomka提供支持。

iTour

它让你有机会告诉你任何接口的功能。此外，这个插件可以执行教学，显示任务的功能，提示你做什么和跟进任务的执行。这是他所有类似软件中最灵活和功能最强的插件。

iziModal

优雅，响应，灵活和轻量的模式插件——jQuery。

Progressively

逐步加载图片的JavaScript库。它完全用JavaScript编写，所以它不依赖于第三方库。

Popper.js

这是屏幕上的一个元素，从应用程序的自然流动中“弹出”。poppers的常见示例是工具提示和popovers。

Anime

灵活而轻量级的JavaScript动画库。它适用于CSS，个别变换，SVG，DOM属性和JS对象。

Cleave.js

这个想法是通过格式化您输入的数据提供一种简单的方法来增加输入字段的可读性。通过使用这个库，你不需要写任何令人兴奋的正则表达式或掩码模式来格式化输入文本。

okayNav

该导航目的在于逐步将导航链接折叠成离屏导航，而不是同时对所有链接进行。

AlgoliaPlaces

它提供了一个快速，分布和容易的方式使用地址搜索自动完成JavaScript库在您的网站。

Granim

使用这个小js库创建流动和交互式渐变动画。

Lightgallery.js

全功能JavaScriptLightbox图库。没有之一。

Bideo

想在一个显示器或本身的背景下播放视频吗？这个插件将帮助你做到这一点。

Grade.js

这个JavaScript库产生从提供的图像中的前2种主色产生的互补梯度。

ScrollTrigger

基于滚动位置在HTML元素上触发类。它使用requestAnimationFrame，所以动画在浏览器准备就绪时运行，它不会插入用户滚动，这样用户/浏览器保持原来的滚动行为。

Bricklayer

轻量级独立的Pinterest级联网格布局库。

Strman

一个Javascript字符串操作库。

Vidage

它会为您自动处理您的全屏背景视频。它决定是否在canplay和resize事件上做这些。它会隐藏和暂停触摸设备和/或较小宽度的视频，并显示您应提供的后备图片。

Choreographer

一个简单的库来处理复杂的CSS动画。

Shave

Shave是一个零依赖的JavaScript插件，它截断多行文本以适合基于setmax-height的html元素。然后它将原始文本字符串的diff存储在可见文本之后的隐藏span元素中。这意味着原始文本保持完整！

Timedropper

这是一个jQueryUItimepicker。以标准格式管理时间输入字段，专注于打开一个小型交互式时间选择器的输入。

Superplaceholder.js

这是一个通过在单个输入占位符中循环多个指令来使输入占位符生效的库。

Multiple.js

使用CSS在多个元素之间共享背景的实验。

SuperEmbed.js

它在网页上检测YouTube，Vimeo，Vine，VideoPress，DailyMotion和更多嵌入式视频，并使其具有响应性。基本上，这意味着它们伸展以填充它们的容器，同时仍保持原始的纵横比。

javascript Event对象详解及使用示例

Event代表事件状态，如事件发生的元素，键盘状态，鼠标位置和鼠标按钮状态。一旦事件发生,便会生成Event对象，如单击一个按钮，浏览器的内存中就产生相应的event对象。

event对象只在事件发生的过程中才有效。

event的某些属性只对特定的事件有意义。比如，fromElement和toElement属性只对onmouseover和onmouseout事件有意义。

【event属性】：

altKey,button,cancelBubble,clientX,clientY,ctrlKey,fromElement,keyCode,offsetX,offsetY,propertyName,returnValue,screenX,screenY,shiftKey,srcElement,srcFilter,toElement,type,x,y

示例：

<SCRIPTLANGUAGE="JScript">

functioncheckCancel(){

if(window.event.shiftKey)

window.event.cancelBubble=true;

}

functionshowSrc(){

if(window.event.srcElement.tagName=="IMG")

alert(window.event.srcElement.src);

}

</SCRIPT>

<BODYonclick="showSrc()">

<IMGonclick="checkCancel()"SRC="sample.gif">

学习JavaScript有哪些书籍可以参考

3本JavaScript从入门到中级书籍推荐

《JavaScript权威指南(第5版)》

适合人群：入门书籍，适合有一定web前端基础的程序员

内容：该书主要介绍了JS语言的核心、Web浏览器中实现遗留、DOM。还包括：表单数据处理、cookie的使用、DHTML动画等，讲解涵盖了很多实例。

优点：和许多入门书籍一样简洁，实用，易懂，是一本入门JS的好书。

《高性能JavaScript》

适合人群：初级开发，能够在他人帮助下完成大部分编程工作。

内容：该书主要想消除开发人员技术和策略上的瓶颈，你能学到：代码加载、DOM、构建、部署文件实践等。其中关于页面的代码加载有很好的研究并给出了方法技巧。

优点：书很薄，释义多案例少，但涉及只是很多，属于释义多案例少的类型，相信读完后会明白不少JS的知识，你可以通过这本书提高你的调试效率、代码规范等高级问题。

《JavaScriptDOM高级程序设计》

适合人群：中级开发，非常推荐的一本进阶教材，要求有Web开发和设计经验，能读懂基本js语法。

内容：理论与实践的结合，全面讲述高级的DOM脚本编程。全书分为3个部分：第一部分深入讲解DOM编程世界，有条理的解释了DOM；第二部分与服务器端通信和AJAX，注重讲解Ajax的使用方式以及避免Ajax的缺陷；

3时下流行的js库，简单了解一些js库的特点。通过学习全书能构建起属于自己的DOM实用方法库。

优点：非常强大的一本JS巨作，虽然书有点老，但你看往后一定会有豁然开朗的感觉，你可以学到很多大师级开发的思维方式，推荐给正在javascript之路上修炼的人。

最后

为帮助那些往想互联网方向转行想学习，却因为时间不够，资源不足而放弃的人。我搜集整理了一套完整的IT学习资料，包括运营技巧、SEO优化等，比自己在网上零散收集的结构性和连贯性更强，只为帮助那些想学习的人！需要的同学可私信！私信！回复“资料”

关于javascript经典实例，js经典编程100题的介绍到此结束，希望对大家有所帮助。