html和JS做一个简单的例子

html和JS做一个简单的例子,第1张

main.html做个导航栏,right.html做radiobutton的五个input type="text",left.html做textbox的五个,用iframe将right和left放到所需位置,设置visibility为hidden,点击后用JS改变其值为visible,保存的实现用sample.js,就是改变这些input的defaultValue为输入的内容

html运行JS的方式有:

通过引入外部的JS文件来调用,一般将JS写在一个外部文件中,封装起来,然后在调用,举个实例:

<html>

<head>

<style>

#div1{

width:460px

height:200px

position:absolute

}

</style>

</head>

<script type='text/javascript' src='js文件的地址'></script>

<body>

<div id='div1'>

<p>我是测试文字</p>

</div>

2.在Js中通过<script></script>这个标签,将JS写在里面也是可以的,请看代码:

<html>

<head>

<style>

#div1{

width:460px

height:200px

position:absolute

}

</style>

<script>

var oDiv = document.getElementById('div1')

var Let = Div.style.left //上下的值,

var Rig = Div.style.top

</script>

</head>

<body>

<div id='div1'>

<p>我是测试文字</p>

</div>

</body>

</html>

html下拉框怎么用js添加新值

javascript添加一个下拉列表项的方法:创建一个新的option节点,然后添加到目标select对象中去,关键代码如下:

1、var objSelect = document.getElementById(select_id)。

2、var new_opt = new Option(objItemText, objItemValue)。

3、objSelect.options.add(new_opt)。

实例演示如下:

1、HTML结构,包括一个select项,含有三个options。另外,设置input和button,通过自由父子,实现给select增加自定义option。

此时的显示效果如下,其中option中有三项。

2、JS的函数设计如下:

现有的options如下:

3、在页面上输入新的数据,点击添加。

此时的select效果显示如下,自由添加功能实现。


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

原文地址: https://outofmemory.cn/zaji/6105691.html

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

发表评论

登录后才能评论

评论列表(0条)

保存