0_kotlin前端（字符串显示）hello kotlin前端

最新推荐文章于 2025-02-15 11:13:24 发布

原创最新推荐文章于 2025-02-15 11:13:24 发布 · 322 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何使用Kotlin进行前端开发的基础知识，包括设置HTML文件、引入Kotlin脚本及实现基本输出等内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

看本系列文章需要你有Kotlin和HTML5还有CSS3基础，细节不过多介绍。

新建

屏幕截图(78).png

屏幕截图(79).png

屏幕截图(80).png

屏幕截图(81).png

屏幕截图(82).png

屏幕截图(83).png

屏幕截图(84).png

屏幕截图(85).png

import kotlin.browser.document

fun main(args: Array<String>) {
    document.write("hello kotlin前端")
}

屏幕截图(86).png

屏幕截图(87).png

屏幕截图(88).png

屏幕截图(89).png

屏幕截图(90).png

屏幕截图(91).png

script(翻译：脚本)
style（翻译：样式）

屏幕截图(92).png

<!DOCTYPE html>
<html lang="ch">
<head>
    <meta charset="UTF-8">
    <title>kotlin前端</title>
</head>
<body>
<script style="text/javascript"src="out/production/kotlin_js/lib/kotlin.js"></script>
<script style="text/javascript"src="out/production/kotlin_js/kotlin_js.js"></script>
</body>
</html>