使用Python的webbrowser库在HTML中创建下拉菜单

发布时间：2024-01-07 07:59:03

下面是使用Python的webbrowser库在HTML中创建下拉菜单的示例代码：

import webbrowser

def create_dropdown_menu():
    # 创建一个简单的HTML页面
    html = '''
    <html>
    <head>
    <script>
    function openSelectedLink() {
        // 获取下拉菜单的值
        var dropdown = document.getElementById("myDropdown");
        var selectedValue = dropdown.options[dropdown.selectedIndex].value;
        
        // 根据选择的值打开相应的链接
        if (selectedValue == "google") {
            window.open("https://www.google.com");
        } else if (selectedValue == "github") {
            window.open("https://www.github.com");
        } else if (selectedValue == "stackoverflow") {
            window.open("https://www.stackoverflow.com");
        }
    }
    </script>
    </head>
    <body>
    <h1>下拉菜单示例</h1>
    <select id="myDropdown">
        <option value="google">Google</option>
        <option value="github">GitHub</option>
        <option value="stackoverflow">Stack Overflow</option>
    </select>
    <button onclick="openSelectedLink()">打开链接</button>
    </body>
    </html>
    '''

    # 将HTML字符串保存到一个临时文件中
    with open('dropdown_menu.html', 'w') as file:
        file.write(html)

    # 使用默认的浏览器打开临时文件
    webbrowser.open('dropdown_menu.html')

# 调用函数创建下拉菜单
create_dropdown_menu()

这个示例中，我们首先定义了一个create_dropdown_menu函数。在函数中，我们创建了一个简单的HTML页面，并在页面上添加了一个下拉菜单和一个按钮。下拉菜单有三个选项（Google、GitHub和Stack Overflow），当点击按钮时，会调用JavaScript函数openSelectedLink()。

openSelectedLink()函数首先获取下拉菜单的值，然后根据选择的值打开相应的链接。在这个示例中，我们使用window.open()方法在新标签页中打开选中链接。根据选择的值不同，使用不同的链接。

接下来，我们将HTML字符串保存到一个临时文件中，并使用Python的webbrowser库中的open()函数在默认浏览器中打开临时文件。这样，就可以在浏览器中看到我们创建的下拉菜单和按钮。

运行上述代码后，会在默认浏览器中打开一个包含下拉菜单的HTML页面。当选择一个选项并点击按钮时，会在新标签页中打开相应的链接。