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