你的位置:首页 > 软件开发 > Java > JS传参及动态修改页面布局

JS传参及动态修改页面布局

发布时间:2017-04-13 12:00:22
一个关于JS传参及动态修改页面布局的简单小例子。 效果图: HTML:<!DOCTYPE HTML><html> <head> <meta charset="utf-8" /> &lt ...

JS传参及动态修改页面布局

一个关于JS传参及动态修改页面布局的简单小例子。

 

效果图:

JS传参及动态修改页面布局

 

 

HTML:

<!DOCTYPE HTML><html>  <head>    <meta charset="utf-8" />    <title></title>    <link rel="stylesheet" href="css/style.css" />  </head>  <body>    <div id="button"><h1>请为下面的DIV设置样式:</h1><div>点击设置</div></div>    <div id="set">      <div class="set1"><span>请选择背景色:</span><span onclick="cl('red')">红</span><span onclick="cl('yellow')">黄</span><span onclick="cl('blue')">蓝</span></div>      <div class="set2"><span>请选择宽(px):</span><span onclick="wd(200)">200</span><span onclick="wd(300)">300</span><span onclick="wd(400)">400</span></div>      <div class="set2"><span>请选择高(px):</span><span onclick="hd(200)">200</span><span onclick="hd(300)">300</span><span onclick="hd(400)">400</span></div>      <span class="btn" onclick="reset()">恢复</span>      <span class="btn" onclick="apply()">确定</span>    </div>    <div id="box"></div>    <script type="text/javascript" src='/images/loading.gif' data-original="js/js.js"></script>  </body></html>

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:JS传参及动态修改页面布局

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。