1. 程式人生 > >js動態新增html標籤函式中的引數寫法

js動態新增html標籤函式中的引數寫法

js動態新增html標籤,此html中包含onclick等事件,必然要引用函式,那麼函式中的引數如何寫?

1,function showi(m){
alert(m);
}
function change(){
var  x=6;
document.write('<a href="#"  onclick="showi(\'  '+x+'   \')">點選</a>');
};
change();

//6

2,document.write('<a href="#"  onclick="showi( '+x+'  )">點選</a>');

//6

3,document.write('<a href="#"  onclick="showi(  x  )">點選</a>');

//出錯

4,document.write('<a href="#"  onclick=" x=7; showi(\'  '+x+'   \')">點選</a>');

//6

5,document.write('<a href="#"  onclick=" x=7; showi(   '+x+'   )">點選</a>');

//6

6,document.write('<a href="#"  onclick=" x=7; showi(   x   )">點選</a>');

//7

7,document.write('<a href="#"  onclick=" x=\'hello\'; showi(   x   )">點選</a>');

//hello

8,var  x="HELLO";

document.write('<a href="#"  onclick="  showi(\' '+   x +' \'   )">點選</a>');

//HELLO;

9, var x=6;

document.write('<a href="#"  onclick="  showi(\' +   x + \'   )">點選</a>');

//+x+

10,var x=6

document.write('<a href="#"  onclick="  showi('+   x +'    )">點選</a>');

// 6

根據以上實驗:

在js動態新增html標籤,此html中包含onclick等事件,引用函式,那麼函式中的引數這樣寫:

當函式中的引數來自於標籤中的變數,引數形式就是普通的形式,直接showi(  x  )就行了。

eg:document.write('<a href="#"  onclick=" x=\'hello\'; showi(   x   )">點選</a>');

document.write('<a href="#"  onclick="  showi(   'hello'   )">點選</a>');

document.write('<a href="#"  onclick="  showi(  7  )  ">點選</a>');

當函式中的引數來自於動態載入html的js,若引數是數字,則showi( '+x+');若引數是字串,則showi(\'  '+x' \');

相關推薦

js動態新增html標籤函式引數寫法

js動態新增html標籤,此html中包含onclick等事件,必然要引用函式,那麼函式中的引數如何寫? 1,function showi(m){ alert(m); } function change(){ var  x=6; document.write('<a

js動態新增HTML標籤

function addElement_imageText(img,title,source,view_count,publish_time,url,article_type,newsid,category_chn){ /*var reconmendDiv = do

js動態新增select標籤的option

js程式碼: var featureLayerURLTest=[["http://192.168.15.174:6080/arcgis/rest/services/Sample/GQYDGH/FeatureServer/0","線圖層1"]]; function createSelectOp

JS動態建立HTML標籤

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <t

通過JS動態新增html控制元件後,新增樣式以及OnClick

/** * 新增標籤 * @param count */ function addLabel(count){ var image_id_obj = document.getElementB

js動態生成的標籤,點選傳遞引數js函式

在js函式中,動態生成了一系列<a>標籤,現在需要點選a標籤後,能夠傳值到點選後呼叫的函式,,嘗試了好久才成功! for(var i=0;i<len;i++){ var tr=oTbody.insertRow(i);

js動態新增input按鈕並給按鈕增加onclick的函式事件(帶引數)

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> &l

JS從後臺獲取資料,前臺動態新增tr標籤的td標籤

功能描述: 要求從後臺查詢該省份的所有城市,然後動態的再前臺固定的tr標籤中新增相應的td標籤來展示城市基本資訊; 一、前臺jsp及js原始碼 jsp:在固定的tr標籤中新增一個

js動態新增任何html標籤

程式設計思路: 我認為, 對於html標籤來說, 分為閉合和半閉合兩種, 當我用js創造一大片html程式碼的時候, 會容易出現很雜亂的觀感,而且並不容易維護. 那麼我將建立閉合和半閉合標籤作為兩個方法, 每次建立就呼叫一次, 返回字串型別的HTML程式碼,然後用$....a

JS動態寫入HTML程式碼《變數,方法,函式多個入參拼接》

寫這篇文章,主要是想mark一下,因為JS動態生成HTML(這裡都預設是生成大段的HTML,而不是簡單的標籤元素),常用的兩種語法格式: 一種是es6的寫法,反撇,' `` ',在英文語法輸入狀態下,esc正下方的按鍵。但是這種語法存在相容性的問題,我在移動端的專案中遇到過,使用JQuery,沒

利用js動態新增標籤,並且使用點選效果為其新增和移除class

js檔案 $(function () { $.ajax({ type: "post", url: purl+"/news/categorys", datatype: "json", succ

js函式引數的傳遞

(JavaScript 中,函式的引數傳遞方式都是按值傳遞,沒有按引用傳遞的引數) 資料型別    在 javascript 中資料型別可以分為兩類: 基本型別值 primitive type,比如Undefined,Null,Boolean,Number,Strin

js 動態新增 外部js css 到head標籤

function appendJQCDN() { var head = document.head || document.getElementsByTagName('head')[0]; var script = document.createElement('script'

js動態html新增資料。

.innerHTML  各種標籤的地方插入 .write   在當前的位置進行寫入。可能是某個動態計算後的結果。但是不在head中寫入。 <html> <head> <script> alert("aaa"); document.

JS動態新增div,然後在div新增元素

需求:    組織部中有個這樣的需求,根據年份動態顯示該年份下的定性指標!   我的做法: 先是放一個空的div,讓後根據指標的資料,動態的往div中新增元素。 程式碼:  空的div,存放定性指

關於js動態向下拉列表新增資料

在網上找的,經過試驗還不錯,反正很適合我,直接。 大體的思路就是: var objSelect = document.getElementById("leixingwx");//獲得select標籤物

如何實現將JS動態新增的TR的值傳到後臺並批量插入

在我的上一篇文章當中,已經在靜態頁面中實現了JS動態新增刪除TR。在實際工作中,更多的是需要將JS所新增的tr中的值儲存至資料庫中。下面我將介紹在SSH框架中如何實現這一功能需求。(以下均由我所做的實際專案給出功能程式碼) 在JSP中,JS程式碼會稍有變化。 funct

用jquery動態新增html任何標籤的自定義屬性

由於用到國際化,且使用jquery.numberformatter-1.1.3.js類庫。在對所有td做國際化時,發現有被重複國際化的現象。國際化方法如:i18_data("#testTable tr td","${i18("jquery-numberformatter.l

Js給表格每行動態新增input標籤

function InserTab() { var trLen = $("#tab1 tr").length; var rowT = "<tr><td><input type=text style='width:9

JS動態插入HTML後不能執行後續JQUERY操作

class html body 點擊 執行 jquery 發現 不能 strong 通過js追加的html 發現 不能點擊 執行函數 普通綁定事件:$(‘.btn1‘).click(function(){}綁定 事件委托 解決方法: $("body").delega