درج محتوا به صورت خاص در میان کدهای HTML
سلام
دوستان اگه میشه لطف کنید بگید چجوری میشه کدی بنویسیم که مثلا یه تابع باشه یه رشته رو بگیره و اون رشته رو بصورت زیر ما لابلای کدهای HTML استفاده کنیم :
اگه فرض کنید اسم ورودی تابع ما test باشه ... ما مثلا بگیم :
var test = 'Barnamenevis';
و توی صفحه هم چنین چیزی داشته باشیم :
کد HTML:
<!doctype html>
<html>
<head>
</head>
<body>
<p>{{test}}</p>
</body>
</html>
و در نهایت چیزی که نشون کاربر داده میشه همون محتوای متغیر test باشه.
حقیقتش من اینو توی یک موتور قالب که به زبان جاوا اسکریپت نوشته شده بود دیدم...
با تشکر
نقل قول: درج محتوا به صورت خاص در میان کدهای HTML
کد HTML:
<!doctype html>
<html>
<head>
<script language="javascript">
var t='mahdi';
کد HTML:
</script>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
<p id="s"><script language="javascript">document.getElementById('s').innerHTML=t;</script></p>
</body>
</html>
امیدوارم کاربردی بوده باشه
نقل قول: درج محتوا به صورت خاص در میان کدهای HTML
نه من منظورم این نبود...
ببینید ، اگه با فریمورک AngularJS کار کرده باشید می دونید که مقادیر رو به یک شکل خاصی بین کدهای HTML در حقیقت Inject میکنه ...
مثلا شما وقتی میخواید یه متغیر که اسمش name هست رو مقدارش رو توی صفحه نشون بدید دو عدد آکولاد باز می کنید و اسم متغیر رو می نویسید مثلا {{name}} که در نهایت مقداری که درون اون متغیر هست رو نشون میده... البته من دقیقا مطمئن نیستم که اون name یک متغیر باشه ... اما به هر حال شما با یک نگاه روی فریمورک AngularJS می تونید متوجه منظور من بشید.
دوستان کسی نمیدونه ؟
نقل قول: درج محتوا به صورت خاص در میان کدهای HTML
من متاسفانه با فریمورک AngularJS کار نکردم اما فکرمیکنم اگر این توکن ( {{Name}} ) میتونه هرجایی در صفحه باشه و فریمورک اونو جایگزین میکنه، احتمالا باید کل محتوا رو به صورت یک رشته دید و عبارت رو جایگزین کرد.
شاید این کد چیزی باشه که مدنظرتون هست:
کد HTML:
<h2>Page Title</h2>
<p>Paragraph content</p>
<div>Other content</div>
<div>Welcome {{Name}}</div>
<hr/>
<div><a href="/Users/{{Name}}/">{{Name}}</a></div>
function tokenReplace(name, value){
var token = '{{' + name + '}}';
var content = $('body').html();
var regexp = new RegExp(token, 'g');
content = content.replace(regexp, value);
$('body').html(content);
}
tokenReplace('Name', 'Hakan');
میتونید اجرای این کد رو در لینک زیر مشاهده بفرمایید:
