HTML标签内容如何显示字符串和变量,实现欢迎XXX的功能

HTML标签内容如何显示字符串和变量,实现欢迎XXX的功能,第1张

html本身是一个超文本的标记语言不是编程语言,所以只利用html代码是无法实现动态的的显示效果的,可以借助一些其他的编程语言来实现,比如JavaScript、php、Java等都是可以的。

工具原料:编辑器、浏览器

1、这里我们使用直接浏览器运行的jQuery的来实现动态的效果。使用html做一个输入框,输入什么内容就在页面上显示欢迎什么内容,代码如下:

<span id="text" style="color: red"></span></br>

<input type="txt" id="btn" /></br>

<button id="sub">提交</button>

<script>

$('#sub').click(function(){

$('#text').html("欢迎"+$('#btn').val())

})

</script>

2、运行的结果如下图:

没有输入提交前

输入提交后

body里加入ronload='alert("欢迎来到韶关田家炳初一d网,希望你用自己m的田家炳学号注册!注册时一g班前面是a,二j班前边是b,三e班前面是c,如此类推。后面再加学号!例如:六3班72号 a b c d e f j5 1 1 1 5 8 2(班) f80020143谢谢合作!")'就行如下y: <body onload='alert("欢迎来到韶关田家炳初一x网,希望你用自己t的田家炳学号注册!注册时一j班前面是a,二e班前边是b,三v班前面是c,如此类推。后面再加学号!例如:六1班51号 a b c d e f j1 6 5 2 6 6 8(班) f60060086谢谢合作!")'><。body>wnxsㄕb戋d支≡猢ㄇ廿rh△yd支≡猢ㄇ廿


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6211059.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-18
下一篇 2023-03-18

发表评论

登录后才能评论

评论列表(0条)

保存