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

Article Tags

JS Tutorial

Home

Technical articles

Web Front-end

JS Tutorial

Benefits of Google hosted jQuery

Basically, you should see this kind of code inside a header tag of a website: That is the normal way of including jQuery library in your website. There’s no problem of doing this, but there’s a better way. Google AJAX Libraries serves jQ

Mar 11, 2025 am 12:02 AM

Developing Google Chrome Extensions

This tutorial guides you through building a basic Google Chrome extension using HTML, CSS, and JavaScript. We'll create a simple language picker, learning key extension development concepts along the way. What You'll Learn: Enabling Chrome's Develo

Mar 11, 2025 am 12:01 AM

jQuery Detect % Scrolled on Page

Detect web page scrolling percentage using jQuery The following jQuery code snippet demonstrates how to trigger an event action when a user scrolls to a specific percentage of the webpage. Tests show that when capturing mouse scroll events, it is best to use values between 55% and 100%. $(document).ready(function(){ // Example: Show a div when scrolling to 75% of the web page var webpage = $("body"); var webpage_height = webpage.height(); var trigger_height = webpage_hei

Mar 10, 2025 am 01:03 AM

Learn JavaScript

JavaScript is widely used, covering front-end and back-end development. Interactive web pages JavaScript allows you to add interactive experiences to your web pages. It is ideal for dynamically updating content, controlling multimedia, creating animations, or verifying user data. Network applications A web application or "single-page application" is an application that is integrated into a web page. Think about Facebook or Twitter. For single page applications, you may need to use frameworks such as React, Angular, or Vue. REST API and backend You can use JavaScript to create various types of REST APIs and web servers. For backend JavaScript

Mar 10, 2025 am 01:02 AM

How to Upload and Download CSV Files With Angular

Data sets are extremely essential in building API models and various business processes. This is why importing and exporting CSV is an often-needed functionality.In this tutorial, you will learn how to download and import a CSV file within an Angular

Mar 10, 2025 am 01:01 AM

Star Rating Control with jQuery

Key Takeaways The article provides a detailed guide on how to build an interactive star rating widget using jQuery. It involves creating a radio button group that is replaced by star icons, which the user can interact with to provide a rating. T

Mar 10, 2025 am 01:00 AM

Closures and executing JavaScript on page load

This post expands on a previously published technique for executing JavaScript code after a webpage finishes loading. The core code utilizes JavaScript closures: function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onlo

Mar 10, 2025 am 12:59 AM

Simply JavaScript: The Three Layers of the Web

This article explores the foundational principles of web development, emphasizing the separation of concerns between HTML, CSS, and JavaScript for optimal website structure and accessibility. It highlights the importance of semantic HTML for content

Mar 10, 2025 am 12:58 AM

jQuery Detect and Hide Broken Images

Use jQuery to easily detect and process damaged web pages This article provides jQuery code snippets for handling damaged pictures in web pages. You can choose to replace damaged pictures with the default pictures, or directly hide damaged pictures and say goodbye to the annoying red fork! // Use the default image to replace the damaged image $('img').error(function(){ $(this).attr('src', 'missing.png'); }); // Or, directly hide the damaged picture $("img").error(function(){ $(this).hide(); }

Mar 10, 2025 am 12:57 AM

Top 15 jQuery Tricks

Here's a re-written version of your input, aiming for originality while preserving the core meaning and image placement: Discover 15 Awesome jQuery Tricks to Elevate Your Web Design! This collection showcases fun and practical jQuery techniques to en

Mar 10, 2025 am 12:56 AM

Rewrite the Web with Chickenfoot

A number of plugins and extensions are available for the Firefox browser to allow developers to interact with the DOM and with other exposed parts of a web page. Tools such as the JavaScript Shell Bookmarklet, Firebug, Greasemonkey, and Platypus have

Mar 10, 2025 am 12:55 AM

Read and Display Server-Side XML with JavaScript Article - Part 1

XML plays a vital role in web services, combining multiple client and server-side languages can play a powerful role. This article will explore how to use XML and client JavaScript to display XML file content, access child elements, operate elements, etc. Browser compatibility issues In client languages, browser compatibility is a major issue. For the combination of XML and JavaScript, the problem is mainly XML: not all browsers support parsing XML documents. The following code example is based on IE6. Browsers that do not support XML cannot read these codes, so when viewing XML files in these browsers, the browser ignores all tags. XML file example The following is one

Mar 10, 2025 am 12:53 AM

jQuery Matrix Effects

Bring matrix movie effects to your page! This is a cool jQuery plugin based on the famous movie "The Matrix". The plugin simulates the classic green character effects in the movie, and just select a picture and the plugin will convert it into a matrix-style picture filled with numeric characters. Come and try it, it's very interesting! How it works The plugin loads the image onto the canvas and reads the pixel and color values: data = ctx.getImageData(x, y, settings.grainSize, settings.grainSize).data The plugin cleverly reads the rectangular area of the picture and uses jQuery to calculate the average color of each area. Then, use

Mar 10, 2025 am 12:52 AM

jQuery Store Data in a Div

Use jQuery code snippet to store data in a div for later reference. The data is not displayed in the div, but is stored in the element. Note that if the jQuery collection refers to multiple elements, the returned value refers to the first element. Here is how to operate: // Set the value to be stored $("div").data("valuename", "hello"); // Get the stored value var value = $("div").data("valuename");

Mar 10, 2025 am 12:50 AM