Home Web Front-end JS Tutorial Practical application code analysis of JS parameter passing_javascript skills

Practical application code analysis of JS parameter passing_javascript skills

May 16, 2016 pm 06:46 PM
js Parameter passing

The reason is very simple. There is no div tag with the id msg_box in the DOM. How to solve this problem?
Solution:
Write in the header file header.tpl.html common to all pages:

Copy code The code is as follows:

<script> <br>function changMenu(index){ <br>if(typeof getElementById("msg_box") == "object"){ <br>// If the msg_box object exists, refresh the object of the page <br>showMenu(index); <br>}else{ <br>//If it does not exist, redirect to the page refreshed using Ajax <br>window.location = "/ index.html"; <br>} <br>} <br></script>

However, the project index.html has four pages of the same nature, all of which require Ajax to refresh. There is a problem. When the user clicks on the third column, although he can return to index.html, he cannot refresh the content to the third column. There are two solutions at this time:
Option 1:
Step 1:
Write in the header file header.tpl.html common to all pages:
Copy code The code is as follows:

<script> <br>function changMenu(index){ <br>if(typeof getElementById( "msg_box") == "object"){ <br>//If the msg_box object exists, refresh the object of the page <br>showMenu(index); <br>}else{ <br>//Refresh if it does not exist Direct to page refreshed using Ajax <br>window.location = "/index.html?type=" index; <br>} <br>} <br></script>

Step 2:
Improve showMenu function
Copy code The code is as follows:

function showMenu (index){
if(typeof getElementById("msg_box") == "object"){
//If the msg_box object exists, refresh the object of the page
......
}else{
url = window.location.href;
reg = /^(.*)/index.html?type=d$/gi;
if(reg.test(url)){
//If it matches the url of the parameter page. Then get the parameter
index = url.substr(url.length - 1);
......
}
}
}

Option 2:
Call the cookie function of JS to pass parameters
Write in the header file header.tpl.html common to all pages:
Copy the code The code is as follows:

<script> <br>function changMenu(){ <br>index = getCookie("index"); <br>if( index == null) index = 1; <br>if(typeof getElementById("msg_box") == "object"){ <br>//If the msg_box object exists, refresh the object of the page <br>showMenu(index) ; <br>}else{ <br>setCookie("index", index); <br>//If it does not exist, redirect to the page refreshed using Ajax <br>window.location = "/index.html"; <br>} <br>} <br>function setCookie(name, value){  <br> var Then = new Date()  <br> Then.setTime(Then.getTime() 1*3600000) //Hour<br>Document.cookie = name "=" value ";expires=" Then.toGMTString();  <br>} <br>function getCookie(name) <br>{ <br>var arr = document.cookie.match(new RegExp("(^| )" name "=([^;]*)(;|$)")); <br>if(arr != null) return unescape(arr[2]); return null; <br>} <br>  <br></script>
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Hot Topics

Java Tutorial
1664
14
PHP Tutorial
1268
29
C# Tutorial
1242
24
Recommended: Excellent JS open source face detection and recognition project Recommended: Excellent JS open source face detection and recognition project Apr 03, 2024 am 11:55 AM

Face detection and recognition technology is already a relatively mature and widely used technology. Currently, the most widely used Internet application language is JS. Implementing face detection and recognition on the Web front-end has advantages and disadvantages compared to back-end face recognition. Advantages include reducing network interaction and real-time recognition, which greatly shortens user waiting time and improves user experience; disadvantages include: being limited by model size, the accuracy is also limited. How to use js to implement face detection on the web? In order to implement face recognition on the Web, you need to be familiar with related programming languages ​​and technologies, such as JavaScript, HTML, CSS, WebRTC, etc. At the same time, you also need to master relevant computer vision and artificial intelligence technologies. It is worth noting that due to the design of the Web side

Essential tools for stock analysis: Learn the steps to draw candle charts with PHP and JS Essential tools for stock analysis: Learn the steps to draw candle charts with PHP and JS Dec 17, 2023 pm 06:55 PM

Essential tools for stock analysis: Learn the steps to draw candle charts in PHP and JS. Specific code examples are required. With the rapid development of the Internet and technology, stock trading has become one of the important ways for many investors. Stock analysis is an important part of investor decision-making, and candle charts are widely used in technical analysis. Learning how to draw candle charts using PHP and JS will provide investors with more intuitive information to help them make better decisions. A candlestick chart is a technical chart that displays stock prices in the form of candlesticks. It shows the stock price

How to create a stock candlestick chart using PHP and JS How to create a stock candlestick chart using PHP and JS Dec 17, 2023 am 08:08 AM

How to use PHP and JS to create a stock candle chart. A stock candle chart is a common technical analysis graphic in the stock market. It helps investors understand stocks more intuitively by drawing data such as the opening price, closing price, highest price and lowest price of the stock. price fluctuations. This article will teach you how to create stock candle charts using PHP and JS, with specific code examples. 1. Preparation Before starting, we need to prepare the following environment: 1. A server running PHP 2. A browser that supports HTML5 and Canvas 3

Best practices for optimizing Golang function parameter passing performance Best practices for optimizing Golang function parameter passing performance Apr 13, 2024 am 11:15 AM

In order to optimize Go function parameter passing performance, best practices include: using value types to avoid copying small value types; using pointers to pass large value types (structures); using value types to pass slices; and using interfaces to pass polymorphic types. In practice, when passing large JSON strings, passing the data parameter pointer can significantly improve deserialization performance.

PHP and JS Development Tips: Master the Method of Drawing Stock Candle Charts PHP and JS Development Tips: Master the Method of Drawing Stock Candle Charts Dec 18, 2023 pm 03:39 PM

With the rapid development of Internet finance, stock investment has become the choice of more and more people. In stock trading, candle charts are a commonly used technical analysis method. It can show the changing trend of stock prices and help investors make more accurate decisions. This article will introduce the development skills of PHP and JS, lead readers to understand how to draw stock candle charts, and provide specific code examples. 1. Understanding Stock Candle Charts Before introducing how to draw stock candle charts, we first need to understand what a candle chart is. Candlestick charts were developed by the Japanese

The relationship between js and vue The relationship between js and vue Mar 11, 2024 pm 05:21 PM

The relationship between js and vue: 1. JS as the cornerstone of Web development; 2. The rise of Vue.js as a front-end framework; 3. The complementary relationship between JS and Vue; 4. The practical application of JS and Vue.

What is the parameter passing method for PHP functions? What is the parameter passing method for PHP functions? Apr 10, 2024 am 11:06 AM

There are two ways to pass parameters in PHP: call by value (the parameter is passed as a copy of the value, modification within the function does not affect the original variable) and passing by reference (the address of the parameter is passed, modification within the function will affect the original variable), when the original variable needs to be modified Use reference passing when calculating the shopping cart total price, which requires reference passing to calculate correctly.

How to pass parameters to PHP function? How to pass parameters to PHP function? Apr 10, 2024 pm 05:21 PM

PHP functions can pass values ​​through parameters, which are divided into pass by value and pass by reference: pass by value: modification of parameters within the function will not affect the original value; pass by reference: modification of parameters within the function will affect the original value. In addition, arrays can also be passed as parameters for operations such as calculating the sum of data.

See all articles