html+Js [在线演示代码效果]



<html> 

<head> 
<script> 
<!--运行代码 --> 
function runEx(cod1)  { 
cod=document.all(cod1) 
  var code=cod.value; 
  if (code!=""){ 
  var newwin=window.open('','','');  //打开一个窗口并赋给变量newwin。 
  newwin.opener = null // 防止代码对页面修改 
  newwin.document.write(code);  //向这个打开的窗口中写入代码code,这样就实现了运行代码功能。 
  newwin.document.close(); 




//复制文本域代码 
function cycode(obj) { 
var rng = document.body.createTextRange(); 
rng.moveToElementText(obj); 
rng.scrollIntoView(); 
rng.select(); 
rng.execCommand("Copy"); 
window.status="高亮度包含的代码已被复制到剪贴板!Contents highlighted and copied to clipboard!" 
setTimeout("window.status=''",1800) 
rng.collapse(false); 





//另存代码 
function svcode(obj) { 
var winname = window.open('', '_blank', 'top=10000'); 
winname.document.open('text/html', 'replace'); 
winname.document.writeln(obj.value); 
winname.document.execCommand('saveas','','code.htm'); 
winname.close(); 

</script> 
<head> 
<body> 
在线演示效果<br>
<textarea rows='12' cols='78' class='fm' id='code'> 
         <html><head></head><body><input type="text" name="text"/></body></html> 
</textarea><br>
<input οnclick="runEx('code')"  type="button" value="运行代码" onFocus="this.blur()">  
<input type="button" name="Submit" value="复制到剪贴板" onClick="cycode(code)"  onFocus="this.blur()">  
<input type="button" value="另存代码" οnclick="svcode(code)" onFocus="this.blur()"> 
</body> 
</html> 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
答:以下是一个基本的HTML和JavaScript级联选择器代码: ``` <!DOCTYPE html> <html> <head> <title>Cascade Selector</title> <script> // 获取下拉框元素 var firstSelect = document.getElementById("firstSelect"); var secondSelect = document.getElementById("secondSelect"); // 为第一个下拉框添加事件监听器 firstSelect.addEventListener("change", function() { // 获取选中的值 var selectedValue = firstSelect.options[firstSelect.selectedIndex].value; // 根据选中值动态生成第二个下拉框的选项 switch(selectedValue) { case "Option 1": secondSelect.innerHTML = ""; var options = ["Option 1.1", "Option 1.2"]; for (var i = 0; i < options.length; i++) { var option = document.createElement("option"); option.text = options[i]; secondSelect.add(option); } break; case "Option 2": secondSelect.innerHTML = ""; var options = ["Option 2.1", "Option 2.2", "Option 2.3"]; for (var i = 0; i < options.length; i++) { var option = document.createElement("option"); option.text = options[i]; secondSelect.add(option); } break; default: secondSelect.innerHTML = ""; break; } }); </script> </head> <body> <!-- 第一个下拉框 --> <select id="firstSelect"> <option value="">--请选择--</option> <option value="Option 1">Option 1</option> <option value="Option 2">Option 2</option> </select> <!-- 第二个下拉框 --> <select id="secondSelect"> <option value="">--请选择--</option> </select> </body> </html> ``` 这个代码演示了如何通过监听第一个下拉框的选中值,动态生成第二个下拉框的选项。根据不同的选中值,第二个下拉框会有不同的选项。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值