url对象如何使用readonly属性

url对象如何使用readonly属性

url对象readonly属性是设置或返回 URL 字段是否只读状态，当属性为true的时候为只读状态不可以编辑

创建一个名称为 url_readonly 的html文件

添加一个input元素 设置input类型为url设置id为 my_url_id_readOnly,添加readonly属性

添加一个button按钮，在点击事件中加入自定义函数 为my_url_readOnly

添加一p标签，设置id 为 show__url_readOnly

在javascript中创建一个自定义函数 my_url_readOnly

在自定义函数中获取input url对象。用 readonly 属性获取readonly的属性值，将获取的结果添加到p标签中显示

在浏览器中打开文件 url_readonly，点击button查看效果