Page 40-JS Tutorial Programming Tutorials: Learn JS Tutorial Online-php.cn

Article Tags

JS Tutorial

Home

Technical articles

Web Front-end

JS Tutorial

The Perfect Pop-Up

Key Takeaways Pop-up windows can be used effectively and non-invasively, provided they are implemented correctly. Common faults include issues with scripting, search engines, accessibility, site management tools, pop-up killers, and options to sto

Mar 06, 2025 am 01:25 AM

A Simple CSS Drop-Cap

You can’t have failed to notice the drop-cap effect we’re using in the new blogs design, as well as the first-line uppercasing that most browsers display (except Safari, for reasons I’ll explain in a moment). There are quite a few hacky methods fo

Mar 06, 2025 am 01:23 AM

Re-Write a Layer's Content with Javascript

Modifying webpage content dynamically without server requests is a frequent task for web developers. Layers offer a straightforward solution. This article demonstrates a reusable JavaScript function for updating layer content across major browsers (

Mar 06, 2025 am 01:22 AM

10 Color Picker Plugins

Ten awesome jQuery color selector plugins, allowing your website users to easily choose the color they want! Most plugins come with tutorials and are very simple to set up. Enjoy it! :) Featured Recommendations – Chromoselector Demo Document Download jQuery color selector Source code Simple color selector jPicker Source code Color selector Source code ASP.NET Color Selector Source code Drupal color selector Source code Simple color selector Source code Farbtastic color selector Source code Super simple color selector Source code Izzy color selection

Mar 06, 2025 am 01:21 AM

Deck the Halls with Unobtrusive JavaScript

Key Takeaways Unobtrusive JavaScript promotes a clean separation of structure (HTML), presentation (CSS), and behavior (JavaScript), enhancing maintainability and scalability of web applications. Scripting should ideally be separated from HTML m

Mar 06, 2025 am 01:20 AM

jQuery Check if Div Scrolled to End

This clean jQuery code snippet is used to detect whether the user scrolls to the bottom of the div element and triggers an event. This is useful in need of knowing whether the user scrolls to the bottom (overflow: scroll), for example, to check if the user has read the terms and conditions in the registration form. $(document).ready(function(){ $('div').bind('scroll', chk_scroll); }); function chk_scroll(e){ var elem = $(e.currentTarget);

Mar 06, 2025 am 01:19 AM

How to Write a Cookie-less Session Library for JavaScript

This JavaScript library leverages the window.name property to manage session data without relying on cookies. It offers a robust solution for storing and retrieving session variables across browsers. The library provides three core methods: Session

Mar 06, 2025 am 01:18 AM

How to Process Large Volumes of Data in JavaScript

In previous articles, we explored JavaScript execution and browser restrictions, as well as ways to resolve “script unresponsive” warnings using timer-based pseudothreads. Today, we will look at ways to process large amounts of data in the browser. A few years ago, developers never considered alternatives to complex server-side processing. This concept has changed, and many Ajax applications send large amounts of data between the client and the server. Additionally, the code may update the DOM, which is a particularly time-consuming browser process. However, trying to analyze this information at once may make the application unresponsive and throw a script warning. JavaScript timers can help by dividing long data analysis processes into shorter blocks

Mar 06, 2025 am 01:16 AM

Do You Adhere to Strict BBC-Style CSS Coding Standards?

Detailed explanation of BBC's strict CSS coding specifications This article discusses the BBC's CSS coding specifications, which are well-known in the industry, emphasizing best practices, readability without CSS/JS support, and compliance with W3C standards. Core points: The BBC's CSS specification focuses on best practices and focuses on code readability, ensuring accessibility of web page content even when CSS and JavaScript are disabled, and strictly following the published W3C recommendations. Specifications include specific rules such as prohibiting the use of !important, mandatory page background color, and using compressed external stylesheets. Inline styles are prohibited and external CSS files cannot be loaded with @import to avoid potential browsers

Mar 06, 2025 am 01:15 AM

12 Helpful jQuery Methods You Should Be Using

Data attachment and removal of DOM elements Let's start with some methods that you can use to attach data to or remove attached data from any DOM element. Use the data() method. The same method can also retrieve additional data values by simply passing the data() method, which in earlier versions of jQuery resulted in a complete replacement of all data. However, it now merges the new pass data with the existing data. Any key name contains lowercase characters after data-* calls the attribute of the DOM element. However, the first time the removeData() method is called When you want to get rid of the previous use of wra

Mar 06, 2025 am 01:14 AM

jQuery Check if Element has Class Attached

jQuery code snippet to check whether a web page element has a specific css class attached. Could be used to check if the element needs additional formatting or if you want to protect certain page elements. To do this we can use the jQuery hasClass()

Mar 06, 2025 am 01:13 AM

Using SetTimeout to Make a jQuery Timer

This tutorial demonstrates a jQuery countdown timer that decrements from 10 every second. This is achieved by recursively calling setTimeout within the timer function. Below is the code. jQuery Code jQuery(document).ready(function() { let count

Mar 06, 2025 am 01:11 AM

How to Stop Spam Harvesting With Email Obfuscation

The day I discovered the “mailto:” link was glorious. I could publish my address on a web page and anyone could email me with a single click. This was in the more innocent days of the web – before the spam harvesters took over. Use a “mailto:” today

Mar 06, 2025 am 01:10 AM

jQuery Strip All HTML Tags From a Div

Use jQuery to remove all HTML tags in div The following is a simple jQuery code snippet, using jQuery's replace() function to remove all HTML tags in the div (i.e., only the text inside the HTML tag is retained). See also Remove Spaces. var item_html = $(this).html(); item_html = item_html.replace(/] >/gi, ''); Simpler functions: jQuery.fn.stripTags = function () { return this.re

Mar 06, 2025 am 01:09 AM